css3选择器nth?

.content .box2:n<爱尬聊_健康养生>th-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吗?


胖图图没有胖 16小时前

<


酒精麻痹神经狼嗜血掩饰不了的爱 16小时前

nth-of-type是按类型来数的,比如你上面的那一段


喝点hh 16小时前

这样才能选择上第2个.box2


往事绯然 16小时前

请参考张鑫旭大大的文章:传送门


淮安上河幼儿教师 16小时前

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


编辑 举报 2023-05-24 13:54

0个评论

暂无评论...
验证码 换一张
相关内容