在造型单词单个字母(Styling individual letters in word)

目前我试图风格词‘Siteripe’。 我想每个字母有不同的颜色。 由于这上显示网页我能风格只是下面的CSS代码行的第一个字母

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

由于在字有8个字母，我怎么样式其余七？ 我曾尝试造型波纹管，但没有奏效。 有没有办法单独风格字母不使用包装跨越每个字母。

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

Answer 1:

请记住，CSS 层叠是。 您可以从第一个字母分别样式全#namer元素 - 更具体的风格将覆盖更广泛的一个。

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

#namer {
    color:red;
}

更新：

Lettering.js允许造型单个字母。 请参见下面的其他信息的评论。 以上信息仅用于造型的首字母，是在回答OP的原来的问题是编辑，以使其更清晰了。

Answer 2:

您应该能够使用选择整个文本没有索引

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

#namer {
    color:red!important;
}

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

Answer 3:

伪元件“第一字母”是不言自明的，它仅用于第一个字母。 是否每个字母的其余部分将有不同的风格？如果没有，你可能想换一个span标签中的每个字母，并为其分配一个CSS规则。

现在，您可以样式的字母，其余的全过程。 然后在你的CSS：

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

span {
color:red;
.
.
.
}

如果你想样式每个字母，你可以尝试使用包装跨越每个字母。 但是，它可能在视觉上看起来一团糟。 注：拿出你的类#LOL一个更好的名字

文章来源: Styling individual letters in word