風格的每個單詞的第一個字母，而不是隻有第一個字？

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）避免由於用標記打破單詞而導致的潛在風險可能有風險，但人們有時會擔心）。