css3选择器nth-of-type的问题 财富值24

2016-10-18 13:44发布

站内问答 /
4112 5 4 
.content .box2:nth-of-type(2) {      background: #fed; }
<div class="content">     <div class="box1">box1</div>     <p class="box2">box2</p>     <p>text</p>     <p class="box2">box2</p> </div>

为什么没有选择到任何一个元素，不应该选择到第2个.box2吗？

5条回答
真天赋 - 这个人很懒，什么都没留下
2016-10-18 14:28

因为你是用的.box2并且还是按照类型来选择，但一开始它是不知道你要选择的元素类型的，当选中第一个.box时，它就会确认这个元素的类型，然后后面的选择根据这个类型来选，每碰到这个类型它就加1，如果你想选择的是第一个p应该写nth-of-type(1)第三个p应该写nth-of-type(3),或者你也可以用nth-child。

一周热门 更多>