僞元素的樣式優先

Question

我與僞元素的風格演奏和跨困惑我

考慮下面的CSS和HTML

HTML行爲傳來：

<p> 
     Note: As a rule, double colons (::) should be used instead of a single colon (:). This distinguishes pseudo-classes from pseudo-elements. However, since this distinction was not present in older versions of the W3C spec, most browsers support both syntaxes for the sake of compatibility. Note that ::selection must always start with double colons ::. 
    </p> 

和風格

p::first-letter { 
    font-size: 20px; 
    color: red; 
} 

p::first-line { 
    font-variant: small-caps; 
    color: green; 
} 

p::before { 
    content: 'Start'; 
    color: blue; 
} 

在Chrome中，行爲如下：第一個字母:: before conten即使它不包含p和::之前的樣式不會將顏色覆蓋爲藍色，t也會顯示爲紅色。

而且當存在::不信的內容之前，我把&或*有 - 所有一線變成綠色，並沒有應用::第一個字母和::風格之前。

在Firefox中提供的代碼的結果將是以下幾點：

我使用Ubuntu 17.04在最新版本的瀏覽器，爲什麼::由其他選擇的內容之前

所以任何人都可以解釋僞元素選擇器和應用的樣式，以及爲什麼own :: before樣式不會覆蓋它們，即使它們是「更新」的樣式。

Answer 1

至於第一行和第一個字母，這不是真正的特異性問題。它只是指定這樣的：

與常規元素的含量， ::之前生成的內容：after僞元素可以包含在任何 ::一線和一線::字母僞元素應用於其原始元素。

（source）