考虑下面的 html
<body>
<!-- mark div below level 1 -->
<div class="container">
<!-- dont mark div below level 2 -->
<div class="some-class">
</div>
</div>
<!-- mark div below level 1 -->
<div class="container">
<!-- dont mark div below level 2 -->
<div class="some-class">
</div>
</div>
</body>
现在使用 DRY 原则是否有办法标记 body 内的每个其他 div 并在级别 1 停止？
body div:nth-child(even) {background: #CCC}
body div:nth-child(odd) {background: #FFF}
上面还会标记一些类，我需要它在一级停止，这可以用 css 获得，还是我必须使用 javascript？ 请记住，我只想使用 DRY 原则 所以给他们一个额外的类(class)是不可能的
最佳答案
嗯，你有两种可能:
body > div:nth-child(…) { … }
这只会选择 body 的直接子代。或者
body div:nth-child(…) { … }
body div:nth-child(…) div { /* undo marking */ }
如果可能，第一个显然更可取。
关于html - 使 body 内的所有偶数/奇数 div 只有 1 级深，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46873537/