为啥啊???

为啥啊???

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
li{list-style: none;}
p,li{font-weight: bold;font-size: 20px}
p:nth-child(3n){color: red;}
</style>
</head>
<body>
<div>
<p>pppppppppppppp</p>
<li>iiiiiiiiiiiii</li>
<p>pppppppppppppp</p>
<li>iiiiiiiiiiiii</li>
<p>pppppppppppppp</p>
<li>iiiiiiiiiiiii</li>
<p>pppppppppppppp</p>
<li>iiiiiiiiiiiii</li>
<p>pppppppppppppp</p>
<li>iiiiiiiiiiiii</li>
<p>pppppppppppppp</p>
<li>iiiiiiiiiiiii</li>
<p>pppppppppppppp</p>
<li>iiiiiiiiiiiii</li>
<p>pppppppppppppp</p>
<li>iiiiiiiiiiiii</li>
<p>pppppppppppppp</p>
<li>iiiiiiiiiiiii</li>
<p>pppppppppppppp</p>
</div>
</body>
</html>

http://img1.sycdn.imooc.com//climg/5c25bf3f0001b22f19201080.jpg

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

你好同学 , 因为从代码中结构上 ,第6行是li标签 ,并是不p ,如下

http://img1.sycdn.imooc.com//climg/5c25d98f000121e807400680.jpg

例如你改成5 ,

http://img1.sycdn.imooc.com//climg/5c25d9af00014cd505220107.jpg

因为5的位置上面是p标签, 所以第五行会显示红色:

http://img1.sycdn.imooc.com//climg/5c25d9c500014b8004910307.jpg

希望解答了你的疑惑, 祝学习愉快 ,望采纳 .

  • 桃花K 提问者 #1
    哦,没有那一行就不显示,原来如此,谢啦!
    2018-12-28 18:14:26
好帮手慕夭夭 2018-12-28 14:57:09

你好同学 ,是不明白 p:nth-child(3n)这个选择器吗 ? 请同学把自己的疑惑描述的详细一下 . 以便老师为你更准确高效的带来解答 .

祝学习愉快 !

  • 提问者 桃花K #1
    我i就是把n=0,1,2,3,。。。代进去发现不对啊,比如n等于2,那应该是第六行字体是红色,但第六行却是黑的,那再看p标签的第六行还是黑的,这是为啥啊?
    2018-12-28 15:32:10
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师