規則
有超過一百條內建規則，協助您
我們在我們的 標準設定檔 中啟用大部分的規則 (✅)，且許多規則可以自動修正 (🔧)。
避免錯誤
您可以使用這些 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禁止重複的選擇器。 | ✅ |
Empty
使用這些 no-empty 規則禁止空白項目。
block-no-empty禁止空白區塊。 | ✅ | |
comment-no-empty禁止空白註解。 | ✅ | |
no-empty-source禁止空白來源。 | ✅ |
Invalid
使用這些（有時是隱含的）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禁止字串中無效的新行。 | ✅ |
Irregular
使用這些 no-irregular 規則禁止不規則的項目。
no-irregular-whitespace禁止不規則的空白。 | ✅ |
Missing
使用這些 no-missing 規則禁止遺失的項目。
custom-property-no-missing-var-function禁止自訂屬性遺失 var 函式。 | ✅ | |
font-family-no-missing-generic-family-keyword禁止字型家族中遺失的通用字型關鍵字。 | ✅ |
Non-standard
使用這些 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禁止使用相對網址。 | ||
function-url-scheme-allowed-list指定允許的網址規範清單。 | ||
function-url-scheme-disallowed-list指定禁止的網址規範清單。 |
長度
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-rules 之前使用空行。 | ✅ | 🔧 |
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-function 的現代或舊版表示法。 | ✅ | 🔧 |
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強制執行或禁止網址的引號。 | ✅ | 🔧 |
selector-attribute-quotes強制執行或禁止屬性值的引號。 | ✅ | 🔧 |
冗餘
使用這些 no-redundant 規則禁止冗餘。
declaration-block-no-redundant-longhand-properties禁止宣告區塊中冗餘的手寫屬性。 | ✅ | 🔧 |
shorthand-property-no-redundant-values禁止速寫屬性中冗餘的值。 | ✅ | 🔧 |
內部空白
使用這個 whitespace-inside 規則強制執行或禁止內部空白。
comment-whitespace-inside強制執行或禁止註解標記內部的空白。 | ✅ | 🔧 |