第一个字母不是跨度

Question

我想在下面的代码块中更改不在一个范围内的h2标记的第一个字母

<h2>
    <span class="subtleHeader">Saskatoon, Regina and Edmonton's</span><br>
    WEB DESIGN EXPERTS
</h2>

所以在这个例子中我想要改变W.是的我可以改变dom，但是我非常懒惰并且在很多地方都有这种DOM结构，并且想知道是否有一种css方式来做它。 / p>

Answer 1

不，不是单靠CSS。 :first-letter只会获取第一个字母（和任何标点符号），并且您无法使用CSS为DOM文本节点选择或应用伪元素。

你必须在自己的范围内包装该标题，然后选择第二个范围的:first-letter。

Answer 2

没有。 CSS适用于元素，而不适用于文字。如果您仍希望仅编辑文本，则需要一种能够使用字符串的语言，例如Javascript或PHP。

或者使用建议的@BoltClock选择器。

我会这样做。