html - 我可以根据索引应用 CSS 吗？

Question

假设我有 50 个元素的网格。如果它的列表很宽，那么如果我用不同的颜色奇数和偶数 div 对读者来说很容易。 现在假设我想每 5 个 div 执行一次颜色代码。有没有办法根据数字选择要应用的 css？喜欢而不是

<div class="odd">blah</div>
<div class="even">blah</div>
<div class="odd">blah</div>
<div class="even">blah</div>
<div class="fifthOdd">blah</div>
...
<div class="fifthEven">blah</div>

做类似的事情

<div class="1">blah</div>
<div class="2">blah</div>
...
<div class="5">blah</div>
...
<div class="10">blah</div>

并允许编写 css 的人根据他们的索引选择配色方案的工作方式？

Answer 1

是的，用nth-child .请注意，nth-child 在 IE 中不起作用，但它是一个有效的 jQuery 选择器，因此您可以将其与现代浏览器和纯 CSS 一起使用，或者与所有浏览器一起使用并使用一些表示性 JavaScript。