Maison  >  Article  >  interface Web  >  关于CSS3 :nth-child() 选择器_html/css_WEB-ITnose

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

WBOY
WBOYoriginal
2016-06-24 11:57:24934parcourir

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

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn