> 웹 프론트엔드 > HTML 튜토리얼 > 关于CSS3 :nth-child() 选择器_html/css_WEB-ITnose

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

WBOY
풀어 주다: 2016-06-24 11:57:24
원래의
991명이 탐색했습니다.

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

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿