欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

关于CSS3 :nth-child() 选择器_html/css_WEB-ITnose

程序员文章站 2022-04-01 08:20:55
...
一个有很多个小方块的页面,大方块的class为big,小方块的class为small,用css3选择器这么写:
.small:nth-child(even){margin-right:0;}


设置第偶数个小方块的margin-right为0,但是第三个小方块的margin-right却等于0了,怎么回事呢?

demo:http://guusoft.com/test/


回复讨论(解决方案)

通过其他网友的指点,明白了从父元素中选择第奇数或者偶数个子元素并不会特指某种类型(.small),而是将所有子元素都计算进去的。
所以最后的解决方法是:

$(".small:odd").addClass("last");