规则

有超过一百个内置规则可以帮助你

• 避免错误
• 强制执行约定

我们在我们的 标准配置 (✅) 中启用了大多数规则，并且许多规则可以自动修复 (🔧)。

避免错误

你可以使用这些 no 规则来避免错误。

递减

使用这些 no-descending 规则禁止递减的事物。

no-descending-specificity 禁止特异性较低的选择器出现在特异性较高的选择器之后。	✅

重复

使用这些 no-duplicate 规则禁止重复。

declaration-block-no-duplicate-custom-properties 禁止在声明块中重复自定义属性。	✅
declaration-block-no-duplicate-properties 禁止在声明块中重复属性。	✅	🔧
font-family-no-duplicate-names 禁止在字体族中重复名称。	✅	🔧
keyframe-block-no-duplicate-selectors 禁止在关键帧块中重复选择器。	✅
no-duplicate-at-import-rules 禁止重复 @import 规则。	✅
no-duplicate-selectors 禁止重复选择器。	✅

空

使用这些 no-empty 规则禁止空的事物。

block-no-empty 禁止空块。	✅
comment-no-empty 禁止空注释。	✅
no-empty-source 禁止空源。	✅

无效

使用这些（有时是隐式的） no-invalid 规则禁止无效语法。

color-no-invalid-hex 禁止无效的十六进制颜色。	✅
function-calc-no-unspaced-operator 禁止 calc 函数中无效的无空格运算符。	✅	🔧
keyframe-declaration-no-important 禁止关键帧声明中无效的 !important。	✅
media-query-no-invalid 禁止无效的媒体查询。	✅
named-grid-areas-no-invalid 禁止无效的命名网格区域。	✅
no-invalid-double-slash-comments 禁止无效的双斜杠注释。	✅
no-invalid-position-at-import-rule 禁止无效的位置 @import 规则。	✅
string-no-newline 禁止字符串中无效的换行符。	✅

不规则

使用这些 no-irregular 规则禁止不规则的事物。

no-irregular-whitespace 禁止不规则的空白。	✅

缺少

使用这些 no-missing 规则禁止缺少的事物。

custom-property-no-missing-var-function 禁止自定义属性缺少 var 函数。	✅
font-family-no-missing-generic-family-keyword 禁止字体族中缺少通用族关键字。	✅

非标准

使用这些 no-nonstandard 规则禁止非标准的事物。

function-linear-gradient-no-nonstandard-direction 禁止线性渐变函数的非标准方向值。	✅

覆盖

使用这些 no-overrides 规则禁止覆盖。

declaration-block-no-shorthand-property-overrides 禁止覆盖相关长手属性的简写属性。	✅

无法匹配

使用这些 no-unmatchable 规则禁止无法匹配的事物。

selector-anb-no-unmatchable 禁止无法匹配的 An+B 选择器。	✅

未知

使用这些 no-unknown 规则禁止未知的事物。

annotation-no-unknown 禁止未知的注释。	✅
at-rule-no-unknown 禁止未知的 at 规则。	✅
declaration-property-value-no-unknown 禁止声明中属性的未知值。
function-no-unknown 禁止未知的函数。	✅
media-feature-name-no-unknown 禁止未知的媒体特征名称。	✅
media-feature-name-value-no-unknown 禁止媒体特征的未知值。
no-unknown-animations 禁止未知的动画。
no-unknown-custom-properties 禁止未知的自定义属性。
property-no-unknown 禁止未知的属性。	✅
selector-pseudo-class-no-unknown 禁止未知的伪类选择器。	✅
selector-pseudo-element-no-unknown 禁止未知的伪元素选择器。	✅
selector-type-no-unknown 禁止未知的类型选择器。	✅
unit-no-unknown 禁止未知的单位。	✅

强制执行约定

你可以使用这些 no 和 list 规则来强制执行约定。它们是使代码保持一致的强大规则。你需要配置大多数规则以满足你的需求。

允许、禁止 & 要求

使用这些 allowed-list、disallowed-list、required-list 和 no 规则来允许、禁止或要求事物。

At 规则

at-rule-allowed-list 指定允许的 at 规则列表。
at-rule-disallowed-list 指定禁止的 at 规则列表。
at-rule-no-vendor-prefix 禁止 at 规则的供应商前缀。	✅	🔧
at-rule-property-required-list 指定 at 规则的必需属性列表。

颜色

color-hex-alpha 要求或禁止十六进制颜色的 alpha 通道。
color-named 要求（如果可能）或禁止命名颜色。
color-no-hex 禁止十六进制颜色。

注释

comment-word-disallowed-list 指定注释中禁止的词语列表。

声明

declaration-no-important 禁止声明中的 !important。
declaration-property-unit-allowed-list 指定声明中允许的属性和单位对列表。
declaration-property-unit-disallowed-list 指定声明中禁止的属性和单位对列表。
declaration-property-value-allowed-list 指定声明中允许的属性和值对列表。
declaration-property-value-disallowed-list 指定声明中禁止的属性和值对列表。

函数

function-allowed-list 指定允许的函数列表。
function-disallowed-list 指定禁止的函数列表。
function-url-no-scheme-relative 禁止方案相对 URL。
function-url-scheme-allowed-list 指定允许的 URL 方案列表。
function-url-scheme-disallowed-list 指定禁止的 URL 方案列表。

长度

length-zero-no-unit 禁止零长度的单位。	✅	🔧

媒体特征

media-feature-name-allowed-list 指定允许的媒体特征名称列表。
media-feature-name-disallowed-list 指定禁止的媒体特征名称列表。
media-feature-name-no-vendor-prefix 禁止媒体特征名称的供应商前缀。	✅	🔧
media-feature-name-unit-allowed-list 指定媒体特征中允许的名称和单位对列表。
media-feature-name-value-allowed-list 指定允许的媒体特征名称和值对列表。

属性

property-allowed-list 指定允许的属性列表。
property-disallowed-list 指定禁止的属性列表。
property-no-vendor-prefix 禁止属性的供应商前缀。	✅	🔧

规则

rule-selector-property-disallowed-list 指定规则中选择器禁止的属性列表。

选择器

selector-attribute-name-disallowed-list 指定禁止的属性名称列表。
selector-attribute-operator-allowed-list 指定允许的属性运算符列表。
selector-attribute-operator-disallowed-list 指定禁止的属性运算符列表。
selector-combinator-allowed-list 指定允许的组合器列表。
selector-combinator-disallowed-list 指定禁止的组合器列表。
selector-disallowed-list 指定禁止的选择器列表。
selector-no-qualifying-type 禁止通过类型限定选择器。
selector-no-vendor-prefix 禁止选择器的供应商前缀。	✅	🔧
selector-pseudo-class-allowed-list 指定允许的伪类选择器列表。
selector-pseudo-class-disallowed-list 指定禁止的伪类选择器列表。
selector-pseudo-element-allowed-list 指定允许的伪元素选择器列表。
selector-pseudo-element-disallowed-list 指定禁止的伪元素选择器列表。

单位

unit-allowed-list 指定允许的单位列表。
unit-disallowed-list 指定禁止的单位列表。

值

value-no-vendor-prefix 禁止值的供应商前缀。	✅	🔧

大小写

使用这些 case 规则指定单词的小写或大写。

function-name-case 指定函数名称的小写或大写。	✅	🔧
selector-type-case 指定类型选择器的小写或大写。	✅	🔧
value-keyword-case 指定关键字值的小写或大写。	✅	🔧

空行

使用这些 empty-line-before 规则强制执行或禁止构造之前的空行。

at-rule-empty-line-before 要求或禁止在 at 规则之前使用空行。	✅	🔧
comment-empty-line-before 要求或禁止在注释之前使用空行。	✅	🔧
custom-property-empty-line-before 要求或禁止在自定义属性之前使用空行。	✅	🔧
declaration-empty-line-before 要求或禁止在声明之前使用空行。	✅	🔧
rule-empty-line-before 要求或禁止在规则之前使用空行。	✅	🔧

最大值和最小值

使用这些 max 和 min 规则应用限制。

declaration-block-single-line-max-declarations 限制单行声明块中的声明数量。		✅
declaration-property-max-values 限制声明中属性列表的值数量。
max-nesting-depth 限制嵌套深度。
number-max-precision 限制数字中允许的小数位数。		✅
selector-max-attribute 限制选择器中属性选择器的数量。
selector-max-class 限制选择器中类的数量。
selector-max-combinators 限制选择器中组合器的数量。
selector-max-compound-selectors 限制选择器中复合选择器的数量。
selector-max-id 限制选择器中 ID 选择器的数量。
selector-max-pseudo-class 限制选择器中伪类的数量。
selector-max-specificity 限制选择器的特异性。
selector-max-type 限制选择器中类型选择器的数量。
selector-max-universal 限制选择器中通用选择器的数量。
time-min-milliseconds 限制时间值中毫秒的最小数量。

符号

使用这些 notation（有时是隐式的）规则强制执行具有多种表示形式的事物的表示形式。

alpha-value-notation 指定 alpha 值的百分比或数字符号。	✅	🔧
color-function-notation 指定颜色函数的现代或传统符号。	✅	🔧
color-hex-length 指定十六进制颜色的短或长符号。	✅	🔧
font-weight-notation 指定字体重量的数字或命名符号。		🔧
hue-degree-notation 指定度数色调的数字或角度符号。	✅	🔧
import-notation 指定 @import 规则的字符串或 URL 符号。	✅	🔧
keyframe-selector-notation 指定关键帧选择器的关键字或百分比符号。	✅	🔧
lightness-notation 指定亮度的数字或百分比符号。	✅	🔧
media-feature-range-notation 指定媒体特征范围的上下文或前缀符号。	✅	🔧
selector-not-notation 指定 :not() 伪类选择器的简单或复杂符号。	✅	🔧
selector-pseudo-element-colon-notation 指定适用于伪元素选择器的单冒号或双冒号符号。	✅	🔧

模式

使用这些 pattern 规则强制执行命名约定。

comment-pattern 指定注释的模式。
custom-media-pattern 指定自定义媒体查询名称的模式。		✅
custom-property-pattern 指定自定义属性的模式。		✅
keyframes-name-pattern 指定关键帧名称的模式。		✅
selector-class-pattern 指定类选择器的模式。		✅
selector-id-pattern 指定 ID 选择器的模式。		✅
selector-nested-pattern 指定嵌套在规则中的规则的选择器的模式。

引号

使用这些 quotes 规则要求或禁止使用引号。

font-family-name-quotes 要求或禁止为字体系列名称使用引号。	✅	🔧
function-url-quotes 要求或禁止为 url 使用引号。	✅	🔧
selector-attribute-quotes 要求或禁止为属性值使用引号。	✅	🔧

冗余

使用这些 no-redundant 规则禁止冗余。

declaration-block-no-redundant-longhand-properties 禁止在声明块中使用冗余的长属性。	✅	🔧
shorthand-property-no-redundant-values 禁止在简写属性中使用冗余值。	✅	🔧

内部空白

使用此 whitespace-inside 规则要求或禁止在内部使用空白。

comment-whitespace-inside 要求或禁止在注释标记内部使用空白。	✅	🔧