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

Question

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

像这样：

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

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

Answer 1

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

Answer 2

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

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

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

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