CSS根据数学改变子颜色



好吧,我承认这个标题看起来有点晦涩,但情况是这样的:

我在一个带有照片和简短bios的页面上列出了演员列表,每个人都有自己的

假设我的页面上有7个演员,我想改变他们框中的文本颜色,比如创建一个彩虹,所以演员1是红色的,2是橙色的,3是黄色的,以此类推。我可以做到这一点,而不必手动指定style="color:rgb(任何)"在每个div?假设我想让颜色值在我向列表中添加更多的人或将他们删除时动态变化,所以我将为红色指定起始颜色值为rgb(255,0,0),为紫色指定结束颜色值为rgb(255,0,255),并以某种方式填充其余部分,这样每个后续框都有不同的文本颜色,但它们加在一起形成彩虹。

…还是我被迫使用JavaScript来做这件事?

不,你不需要手动设置红色,你可以使用CSS第n子选择器,请查看下面的教程

点击这里!

最新更新