Css 受第n-child（）影响的父元素 一 二 三 四 五 六 七 八 九 十 十一
为什么外部div即使没有同级并且是父元素的唯一子元素，也会受到此样式表规则的影响 由于Css 受第n-child（）影响的父元素 一 二 三 四 五 六 七 八 九 十 十一,css,css-selectors,Css,Css Selectors,为什么外部div即使没有同级并且是父元素的唯一子元素，也会受到此样式表规则的影响 由于元素，外部与选择器匹配，所以n个子元素（3n+2）匹配索引2（n=0）、5（n=1）、8（n=2）处的元素。。。HTML中的标记意味着父级确实位于索引2（请记住，我们从1开始计算） 查看移动标记时发生的情况： 你可以用一个，或者用@MattBall说的来解决这个问题： （示范：） 使用文档中的style元素 使用分离的css 更新 如果你不想或不能分开样式， 考虑将额外的 div 添加到CSS规则中。 &l
n个子元素（3n+2）style<style type="text/css">
<!--
div:nth-child( 3n + 2 ) { background-color: green }
-->
</style>
<div>
<div>one</div>
<div>two</div>
<div>three</div>
<div>four</div>
<div>five</div>
<div>six</div>
<div>seven</div>
<div>eight</div>
<div>nine</div>
<div>ten</div>
<div>eleven</div>
</div>
外部div是文档中的第八个同级。这意味着第n个孩子（3n+2） 正确应用
div div:nth-child( 3n + 2 ) { background-color: green }
一
二
三
四
五
六
七
八
九
十
十一
headbody样式主体divdiv:n子元素（3n+2）nstylehead除此之外，将类或
iddiv.foo>的选择器：第n个子（3n+2）divdiv样式样式头部身体样式范围<body>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<ul></ul>
<table></table>
<div>
<div>one</div>
<div>two</div>
<div>three</div>
<div>four</div>
<div>five</div>
<div>six</div>
<div>seven</div>
<div>eight</div>
<div>nine</div>
<div>ten</div>
<div>eleven</div>
</div>
</body>