风格的每个单词的第一个字母，而不是只有第一个字？

Question

风格我使用的第一个字母：段落中的第一个字母。

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

但是，如果我想对段落中每个单词的第一个字母进行样式化，该怎么办？

Answer 1

没有为标记添加额外元素（或者向带有JavaScript的DOM树）添加额外元素没有CSS方式，因为没有用于此目的的CSS选择器。

如果你对每个单词添加标记，您可以使用它们:first-letter，如果你让他们内联块（:first-letter不能上内联元素被使用，这是什么span是默认设置）：

<style> 
.word { 
    display: inline-block; 
} 
.word:first-letter { 
    font-size: 200%; 
    color: #8A2BE2; 
} 
</style> 
<span class=word>Hello</span> <span class=word>world</span> 

或者，你当然可以使用每个首字母的标记，例如<span class=word>H</span>ello <span class=word>w</span>orld，并使用像.word这样的简单选择器来设置字符格式。但是，使用“文字标记”可能会：a）在HTML源代码中看起来更好，b）让您可以轻松格式化整个单词，如果这样做成为可取的，并且c）避免由于用标记打破单词而导致的潜在风险可能有风险，但人们有时会担心）。