Css 在word中设置单个字母的样式

我目前正在尝试给这个词添加样式。我希望每个字母都有不同的颜色。如图所示，我可以用下面的CSS代码行来设计第一个字母的样式

#namer:first-letter {
  color:#09C;
  font-size:1.1em;
  font-weight:bold;
}

既然单词中有八个字母，那么我该如何为剩下的七个字母设置样式呢？我确实试过下面的造型，但不起作用。有没有一种方法可以在不使用跨距包装每个字母的情况下单独设置字母的样式

   #namer:(1)-letter {
      color:#09C;
      font-size:1.1em;
      font-weight:bold;
    }

---

您应该能够使用选择器选择整个文本，而无需索引

#namer:first-letter {
    color:#09C;
    font-size:1.1em;
    font-weight:bold;
}

#namer {
    color:red!important;
}

然后可以使用上面的索引方法选择第一个字母

记住，CSS是级联的。可以将整个namer元素的样式与第一个字母分开-更具体的样式将覆盖更一般的样式

#namer:first-letter {
    color:#09C;
    font-size:1.1em;
    font-weight:bold;
}

#namer {
    color:red;
}

更新：

---

允许设置单个字母的样式。有关更多信息，请参见下面的注释。上述信息仅用于设置首字母的样式，并在编辑前回答了OP的原始问题以使其更清晰。

伪元素首字母是自解释的，仅用于首字母。其余的每个字母都有不同的样式吗？如果没有，您可能希望将每个字母包装在一个span标记中，并为其指定一个CSS规则

现在您可以将其余字母作为一个整体进行样式设置。 然后在CSS中：

#namer:first-letter {
color:#09C;
font-size:1.1em;
font-weight:bold;
}

span {
color:red;
.
.
.
}

如果要为每个字母设置样式，可以尝试使用跨距包装每个字母。然而，它在视觉上可能看起来像一团乱麻。

---

注意：为你的班级想出一个更好的名字LOL

Dave我该如何设置其余字母的样式？我以为你想设置单词其余部分的样式，而不是单独设置七个字母的样式。道歉。不幸的是，您将不得不将其他类包装在span中，并为它们提供单独的id来设置样式-除了“第一个字母”之外，对于这类东西没有任何伪类。@Dz.slick-我今天做了更多的研究，并且有一个jQuery插件，您可能想要研究它，称为letting.js。这里的更多信息：这不是每个字母的样式，因此它不是对所问问题的回答。@JukkaK.Korpela该问题是在我回答后编辑的，说明每个字母都需要着色，而不是整个单词或第一个字符。上面的评论解释了这一点，加上我做的额外研究。Lettering.js当然允许每个字符的样式。看看这里的例子：我只是在firebug中测试它，我有一个添加的习惯！重要信息，因为它会覆盖可能影响样式的任何其他css。我用它作为一种快速的方式来查看我是否选择了我想要的元素。老实说，如果你能侥幸逃脱，就不要用它！重要的是，这是一种最后的手段，但会使测试变得容易等。如果不使用内联样式，使用第n个子css选择器，并创建自己的span并将其称为s，则看起来更干净。