selector-pseudo-element-colon-notation

为适用的伪元素选择器指定单冒号或双冒号表示法。

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

:: 表示法被选择用于伪元素，以区分伪类（对现有元素进行子类化）和伪元素（在文档树中没有表示的元素）。

但是，为了与现有样式表兼容，用户代理也接受 CSS 级别 1 和 2 中引入的伪元素的先前单冒号表示法（即，:first-line、:first-letter、:before 和 :after）。

fix 选项可以自动修复此规则报告的所有问题。

选项

string: "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; }