CSS从数组中选择一种随机颜色

Question

CSS中是否有一种方法可以让它从数组中选择一种随机字体颜色？我知道我可以用服务器端或javascript做到这一点,但我想知道是否有纯CSS方式来做到这一点.

Answer 1

CSS表达式(通过CSS允许动态脚本内容)是与Web Forms一起在低效率地狱中流淌的可憎之物,只有IE7及以下版本才支持.但既然你问过.

<style>
blink marquee {
   color: expression("rgb(" + Math.floor(Math.random() * 255)
      + "," + Math.floor(Math.random() * 255) + ","
      + Math.floor(Math.random() * 255) + ")");
}
</style>
<blink>
   <marquee>
      color me beautiful
   </marquee>
</blink>

Answer 2

这在CSS中是不可能的,这是确定性的.但是,您可以使用客户端JavaScript执行此操作:

var colors = ['#ff0000', '#00ff00', '#0000ff'];
var random_color = colors[Math.floor(Math.random() * colors.length)];
document.getElementById('title').style.color = random_color;

如果您正在使用jQuery,最后一行可能会成为

$('#title').css('color', random_color);