CSS根据数学改变子颜色？

Question

好吧，我承认这个标题看起来有点神秘，但情况是这样的:

我在一个页面上有一个 Actor 列表，上面有照片和简短的简介，每个人都有自己的

。假设我的页面上有七个 Actor ，我希望他们框中的文本颜色发生变化，比如说，创造一条彩虹，所以 Actor 1 是红色的，2 是橙色的，3 是黄色的，等等.我可以这样做而不必在每个 div 上手动指定 style="color:rgb(whatever)"吗？比方说，如果我向列表中添加更多人或将他们带走，我希望颜色值动态变化，因此我将指定红色的起始颜色值 rgb(255,0,0) 和 rgb( 255,0,255) 为紫罗兰色，并以某种方式填充其余部分，以便每个后续框都有不同的文本颜色，但它们一起构成彩虹。

...或者我会被迫使用 JavaScript 来执行此操作吗？

最佳答案

不，你不需要手动设置红色，你可以使用 CSS nth-child 选择器，请查看下面的教程

点击here !

关于CSS根据数学改变子颜色？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24502266/

Answer 1

不，你不需要手动设置红色，你可以使用 CSS nth-child 选择器，请查看下面的教程

点击here !