css - 是否有任何干净的 CSS 方法可以使单词中的每个字母具有不同的颜色？

Question

我需要一种方法让单词的每个字母轮换显示 3 种不同的颜色。我知道我可以使用 asp.NET 执行此操作的一些不太干净的方法，但我想知道是否有更清洁的 CSS/JavaScript 解决方案对搜索引擎更友好。

设计师包括a file like this对于每一页。我宁愿不必为每个页面手动生成图像，因为这使得非技术网站编辑很难添加页面和更改页面名称。

Answer 1

这是一些 JavaScript。

var message = "The quick brown fox.";
var colors = new Array("#ff0000","#00ff00","#0000ff"); // red, green, blue

for (var i = 0; i < message.length; i++){
  document.write("<span style=\"color:" + colors[(i % colors.length)] + ";\">" + message[i] + "</span>");
}