Html 我可以基于索引应用CSS吗?

Html 我可以基于索引应用CSS吗?,html,css,Html,Css,假设我有50个元素的网格。如果它的列表很广,如果我给奇数和偶数div涂上不同的颜色,读者会很容易理解。 现在让我们假设我想这样做,并每第五节进行一次颜色编码。有没有一种方法可以根据一个数字选择要应用的css?喜欢而不是 <div class="odd">blah</div> <div class="even">blah</div> <div class="odd">blah</div> <div class="even

假设我有50个元素的网格。如果它的列表很广,如果我给奇数和偶数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的人根据他们的索引选择配色方案的工作方式?

css无法根据这样更改的类名进行选择


有多种浏览器,但目前浏览器支持较弱

CSS无法根据这样更改的类名进行选择


有多种浏览器,但目前浏览器支持较弱

是的,有。请注意,第n个子项在IE中不起作用,但它是一个有效的jQuery选择器,因此您可以将其用于现代浏览器和纯CSS,也可以用于所有浏览器和一些表示JavaScript。

是的,带有。请注意,第n个child在IE中不起作用,但它是一个有效的jQuery选择器,因此您可以将其用于现代浏览器和纯CSS,也可以用于所有浏览器和一点表示JavaScript。

假设您可以实际使用数字作为CSS类名,CSS可能如下所示

div.1, div.3, div.5, div.7
{
// Odd Style here
}

div.2, div.4, div.6, div.8
{
// Even Style here
}

不是很漂亮,但是足够灵活,可以满足您的要求。

假设您可以使用数字作为css类名,css可能看起来像

div.1, div.3, div.5, div.7
{
// Odd Style here
}

div.2, div.4, div.6, div.8
{
// Even Style here
}

不是很漂亮,但是足够灵活,可以按您的要求执行。

您可以使用jQuery选择所有偶数或奇数节点,然后对它们应用css类


您可以使用jQuery选择所有偶数或奇数节点,然后对它们应用css类


但是你不应该用数字作为类名。。。但是你可以说class=no1等等。但是你不应该用数字作为类名。。。但是你可以说class=no1等等,嗯,小问题。它适用于所有儿童。我只希望它是计数,并适用于第一个深度计数所有的孩子,但不是孙子。有什么解决方案吗?您可以使用direct Progent>操作符。所以div>div:n-child2n或者类似的东西。这是有效的IE7+。我尝试了15分钟,但我想不出来。你介意给我发电子邮件吗?这样我就可以发送html文件+css了?如果你很忙,那没关系。对不起,我现在有点迷路了,恐怕我真的没有时间。我确信这与>,但可能值得一个单独的问题,例如,如何使用第n个孩子,只有直接的孩子嗯,小问题。它适用于所有儿童。我只希望它是计数,并适用于第一个深度计数所有的孩子,但不是孙子。有什么解决方案吗?您可以使用direct Progent>操作符。所以div>div:n-child2n或者类似的东西。这是有效的IE7+。我尝试了15分钟,但我想不出来。你介意给我发电子邮件吗?这样我就可以发送html文件+css了?如果你很忙,那没关系。对不起,我现在有点迷路了,恐怕我真的没有时间。我相信这与>,但可能值得一个单独的问题,例如,如何使用第n个孩子,只有直接的孩子