如果我用途：：first-letter. CSS，伪元素：：selection对首字母不起作用

hgb9j2n6 于 2023-02-06 发布在其他

关注(0)|答案(1)|浏览(77)

使用p：：first-letter后我无法选择p：：selection，因为它只对其他字母有效，不包括first.picture of site.我如何才能访问第一个字母的选择？
我试过这么做：p：：first-letter：：selection{}，但是我们知道不能使用多个伪元素。

1条答案

不幸的是，你是对的，没有办法链接伪元素。据我所知，实现你所要做的唯一方法是将第一个字母 Package 在<span>或类似的文件中，并将样式放在那里。
如果您的内容来自CMS或类似的，您可能还需要一些JavaScript来动态呈现它的第一个字母。

span {
  font-size: 2rem;
}

::selection {
  color: red;
}

<p>
 <span>H</span>ello
</p>