gpt4 book ai didi

html - 使 body 内的所有偶数/奇数 div 只有 1 级深

转载 作者:太空宇宙 更新时间:2023-11-04 08:02:56 24 4
gpt4 key购买 nike

考虑下面的 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/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com