css - 第一个字母不在范围内

Question

我想更改不在以下代码块中的 h2 标签的第一个字母

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

所以在这个例子中我想改变W。是的我可以改变dom，但是我非常非常懒并且在很多地方都有这个DOM结构并且想知道是否有一个css方法来做到这一点。

Answer 1

不，不能单独使用 CSS。 :first-letter 只会选取第一个字母(以及任何标点符号)，并且您无法使用 CSS 选择或将伪元素应用到 DOM 文本节点。

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