html - 如何在没有附加 html 标签的情况下设置单个字母的样式

Question

有没有办法在不使用其他标签的情况下设置“u”的样式？

就像是

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

“u”我想在这里添加不透明度：

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

Answer 1

不。或者，从技术上讲，标签不是必需的，但字符需要成为元素的唯一内容。您可以使用 JavaScript 执行此操作，在某些内容中搜索第一次出现的字符，然后操作 DOM 树。不过，使用标签最容易做到这一点。

Answer 2

如果有nth-letter选择器，你可以，但没有。然而，你并不是第一个拥有这些印刷梦想的人。尝试http://letteringjs.com/它将为您自动执行此类操作。