如何设置没有额外的HTML标签的单个字母

Question

有没有办法在没有附加标签的情况下将“u”加上风格？

类似

h1:first-letter{ font-size:200%; color:#8A2BE2}

“你好”，我想在这里增加不透明度：

<div class="moto"><h1>it's all<br>abboutt<br>design</h1></div>

Answer 1

如果有nth-letter选择器，你可以，但没有。然而，你并不是第一个拥有这些排印梦想的人。试试http://letteringjs.com/，这将为您自动化这类事情。

Answer 2

没有。或者，从技术上讲，不需要标签，但角色需要成为元素的唯一内容。您可以使用JavaScript执行此操作，在某些内容中搜索字符的第一个匹配项，然后操作DOM树。不过，使用标签最简单。