2016-10-18 13:44发布
.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吗？
这样才能选择上第2个.box2
请参考张鑫旭大大的文章：传送门
nth-of-type是按类型来数的，比如你上面的那一段
<
因为你是用的.box2并且还是按照类型来选择，但一开始它是不知道你要选择的元素类型的，当选中第一个.box时，它就会确认这个元素的类型，然后后面的选择根据这个类型来选，每碰到这个类型它就加1，如果你想选择的是第一个p应该写nth-of-type(1)第三个p应该写nth-of-type(3),或者你也可以用nth-child。
.box2
.box
nth-of-type(1)
nth-of-type(3)
nth-child
最多设置5个标签!
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://wenda.whatsns.com/data/attach/logo/logo.png', '推荐 国际城管 的问题《css3选择器nth-of-type的问题》','https://wenda.whatsns.com/q-301768.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
付费偷看金额在0.1-10元之间
这样才能选择上第2个.box2
请参考张鑫旭大大的文章：传送门
nth-of-type是按类型来数的，比如你上面的那一段
<
因为你是用的
.box2并且还是按照类型来选择，但一开始它是不知道你要选择的元素类型的，当选中第一个.box时，它就会确认这个元素的类型，然后后面的选择根据这个类型来选，每碰到这个类型它就加1，如果你想选择的是第一个p应该写nth-of-type(1)第三个p应该写nth-of-type(3),或者你也可以用nth-child。一周热门 更多>