#selector-pseudo-element-colon-notation

指定伪元素适用单冒号还是双冒号表示法。

   a::before { color:pink; }
/** ↑
 * 这个表示法 */

为伪元素使用 :: 符号以在伪类(子类现有元素)和伪元素(未在文档树中表现的元素)之间建立区别。

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

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

#选项

string: "single"|"double"

#"single"

适用的伪元素必须使用单个冒号表示法。

以下模式被视为违规:

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; }

#"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; }