点击下载
本文文档

当前位置：首页 - 科技 - 知识百科 - 正文

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

来源：动视网责编：小采时间：2020-11-27 15:55:40

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

关于CSS3:nth-child()选择器_html/css_WEB-ITnose:一个有很多个小方块的页面，大方块的class为big，小方块的class为small，用css3选择器这么写： .small:nth-child(even){margin-right:0;} 设置第偶数个小方块的margin-right为0，但是第三个小方块的margin-right却等于0了，怎么回事呢？

推荐度：

点击下载本文 文档为doc格式

导读关于CSS3:nth-child()选择器_html/css_WEB-ITnose:一个有很多个小方块的页面，大方块的class为big，小方块的class为small，用css3选择器这么写： .small:nth-child(even){margin-right:0;} 设置第偶数个小方块的margin-right为0，但是第三个小方块的margin-right却等于0了，怎么回事呢？

一个有很多个小方块的页面，大方块的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");

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

关于CSS3:nth-child()选择器_html/css_WEB-ITnose:一个有很多个小方块的页面，大方块的class为big，小方块的class为small，用css3选择器这么写： .small:nth-child(even){margin-right:0;} 设置第偶数个小方块的margin-right为0，但是第三个小方块的margin-right却等于0了，怎么回事呢？

推荐度：

点击下载本文 文档为doc格式

标签：选择 html css

热门焦点

最新推荐

猜你喜欢

热门推荐

产品服务发展历程企业资讯企业文化关于我们加入我们联系我们网站导航网站律师

中国扫黄打非网

Copyright © 2019-2025 51dongshi.net 版权所有

赣ICP备2023002352号-34

违法及侵权请联系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市万商天勤律师事务所王兴未律师提供法律服务

Top