CSS是否有第二个字母的伪元素

【问题标题】：Did CSS has second-letter pseudo elementCSS是否有第二个字母的伪元素
【发布时间】：2014-06-05 01:55:11
【问题描述】：

我正在对字母使用 CSS 样式来更改第一个第二个第三个字母的颜色。

像这样：

.header .logo h1 > a:first-letter {
  color: #f91ea5;
}

但我不知道如何更改第二个和第三个字母的颜色它没有第二个字母元素。

【问题讨论】：

【解决方案1】：

不，Selectors Level 3 甚至 Selectors Level 4 草案中没有第二个或第三个字母的选择器。（如果有这样的选择器，他们很可能会遵循:nth-child(...)的模式。）

您可以做的是将字母包装在文本级容器中，例如

<a ...>A<span class=second>C</span><span class=third>M</span>E</a>

然后你可以使用普通的类选择器，比如.second。

【讨论】：

【解决方案2】：

我认为，您不能将伪元素用作:second-letter 或:third-letter。这是设计使然。但如果真的有必要，那就使用 JavaScript，例如：this 或 this。

【讨论】：