p :: first-letter和p :: first-letter之間的區別是什麼？

Question

p ::first-letter和p::first-letter有什麼區別？

p::first-letter可以成功選擇段落內的第一個字母，但p ::first-letter不能。

Answer 1

選擇器p::first-letter選擇p中的第一個字母，而p ::first-letter選擇p的子元素中的第一個字母。

p ::first-letter相當於p *::first-letter。下面的是什麼specs說：

如果*代表的通用選擇器（即沒有命名空間前綴）不是簡單的選擇選擇序列的唯一組成部分或後面緊跟着一個僞元素，那麼*可能被忽略，並且通用選擇器的存在隱含。

注：即使選擇（p ::first-letter）本身指向所有子元素中的第一個字母，將::first-letter選擇僅適用於塊或內聯塊元素，因此不會對span工作，除非其display被修改。

p ::first-letter { 
 
    color: red; 
 
} 
 
p::first-letter { 
 
    color: blue; 
 
} 
 

 
span{ 
 
    display: inline-block; 
 
}

<p>Some text <span>inside a span</span> and <span>inside this span too</span> 
 
</p>

Answer 2

p ::first-letter表示改變任何元素的第一個字母的樣式，這是p的後代。而p::first-letter意味着更改p元素的第一個字母。