关于CSS3 :nth-child() 选择器_html/css_WEB-ITnose
程序员文章站
2022-04-01 08:20:55
...
一个有很多个小方块的页面,大方块的class为big,小方块的class为small,用css3选择器这么写:
设置第偶数个小方块的margin-right为0,但是第三个小方块的margin-right却等于0了,怎么回事呢?
demo:http://guusoft.com/test/
.small:nth-child(even){margin-right:0;}
设置第偶数个小方块的margin-right为0,但是第三个小方块的margin-right却等于0了,怎么回事呢?
demo:http://guusoft.com/test/
回复讨论(解决方案)
通过其他网友的指点,明白了从父元素中选择第奇数或者偶数个子元素并不会特指某种类型(.small),而是将所有子元素都计算进去的。
所以最后的解决方法是:
$(".small:odd").addClass("last");
推荐阅读
-
CSS3:元素的边框、背景和大小_html/css_WEB-ITnose
-
纯CSS3打造七巧板_html/css_WEB-ITnose
-
关于html css 层级的问题_html/css_WEB-ITnose
-
关于超级连接_html/css_WEB-ITnose
-
如何使用CSS3画出一个叮当猫_html/css_WEB-ITnose
-
现在就能投入使用的12个高端大气上档次的CSS3特性_html/css_WEB-ITnose
-
关于ueditor图片上传问题_html/css_WEB-ITnose
-
css3实现的气泡效果代码实例_html/css_WEB-ITnose
-
CSS3实现三角形_html/css_WEB-ITnose
-
CSS3实现各种格子纹理效果_html/css_WEB-ITnose