選擇器-偽元素-冒號-表示法

為適用的偽元素選擇器指定單冒號或雙冒號符號。

    a::before {}
/**  ↑
 * This notation */

:: 符號是為 偽元素 選擇的，用於區分 偽類別（對現有元素進行子類別）和 偽元素（文件樹中未表示的元素）。

但是，為了與現有的樣式表相容，使用者代理程式也會接受 CSS 1 和 2 中引入的 偽元素 的先前單冒號符號（即 :first-line、:first-letter、:before 和 :after）。

fix 選項可以自動修正此規則報告的所有問題。

選項

字串："single"|"double"

適用的偽元素必須永遠使用單冒號符號。

下列模式會被視為問題

a::before { color: pink; }

a::after { color: pink; }

a::first-letter { color: pink; }

a::first-line { color: pink; }

下列模式不會被視為問題

a:before { color: pink; }

a:after { color: pink; }

a:first-letter { color: pink; }

a:first-line { color: pink; }

input::placeholder { color: pink; }

li::marker { font-variant-numeric: tabular-nums; }

適用的偽元素必須永遠使用雙冒號符號。

下列模式會被視為問題

a:before { color: pink; }

a:after { color: pink; }

a:first-letter { color: pink; }

a:first-line { color: pink; }

下列模式不會被視為問題

a::before { color: pink; }

a::after { color: pink; }

a::first-letter { color: pink; }

a::first-line { color: pink; }

input::placeholder { color: pink; }

li::marker { font-variant-numeric: tabular-nums; }