stylelint 規則

stylelint 有百餘條內置規則。它們但願爲廣大開發者提供更有價值的 標準 CSS 。每一個規則都是獨立的，默認狀況下爲關閉狀態並無默認值。

規則列表

這裏是 stylelint 內的全部規則（2016.03.10），它們的組別來自 CSS 詞彙表 。

顏色

• color-hex-case: 指定十六進制顏色的大小寫。

• color-hex-length: 指定十六進制顏色的長度。

• color-named: 在特定的狀況下是否容許使用命名的顏色值。

• color-no-hex: 禁止使用十六進制的顏色。

• color-no-invalid-hex: 禁止無效的十六進制顏色。

字體系列

• font-family-name-quotes: 指定字體系列是否應用於單雙引號內。

字體粗細

• font-weight-notation: 要求一致的數值或命名做爲 font-weight 的值。

函數

• function-blacklist: 指定一個不容許使用函數的黑名單。

• function-calc-no-unspaced-operator: 禁止在 calc 函數內的運算符間省略空格。

• function-comma-newline-after: 在函數的逗號後指定一個換行符或禁止留有空格。

• function-comma-newline-before: 在函數的逗號前指定一個換行符或禁止留有空格。

• function-comma-space-after: 在函數的逗號後指定一個空格或禁止留有空格。

• function-comma-space-before: 在函數的逗號前指定一個空格或禁止留有空格。

• function-linear-gradient-no-nonstandard-direction: 禁止在 linear-gradient() 內使用不符合 標準語法 的值。

• function-parentheses-newline-inside: 在函數括號內指定一個換行符或禁止留有空格。

• function-parentheses-space-inside: 在函數括號內指定一個空格或禁止留有空格。

• function-url-quotes: 爲 urls 指定單引或雙引號。

• function-whitelist: 指定一個容許使用函數的白名單。

• function-whitespace-after: 在函數後指定一個空格或禁止留有空格。

數值

• number-leading-zero: 要求或不容許數值小於 1 的數字前面添加 0 。

• number-max-precision: 限制數值的小數位數。

• number-no-trailing-zeros: 禁止在數值內尾隨 0 。

• number-zero-length-no-unit: 禁止單位長度爲 0 。

字符串

• string-no-newline: 禁止字符串（非轉義）換行。

• string-quotes: 爲字符串指定單引或雙引號。

時長

• time-no-imperceptible: 禁止 animation 與 transition 時長低於 100ms 。

單位

• unit-blacklist: 指定一個不容許使用單位的黑名單。

• unit-whitelist: 指定一個容許使用單位的白名單。

值

• value-no-vendor-prefix: 禁止值添加供應商前綴。

值列表

• value-list-comma-newline-after: 在值列表的逗號後指定一個換行符或禁止留有空格。

• value-list-comma-newline-before: 在值列表的逗號前指定一個換行符或禁止留有空格。

• value-list-comma-space-after: 在值列表的逗號後指定一個空格或禁止留有空格。

• value-list-comma-space-before: 在值列表的逗號前指定一個空格或禁止留有空格。

自定義屬性

• custom-property-no-outside-root: 禁止 :root 以外的選擇器自定義屬性。

• custom-property-pattern: 指定自定義屬性的模式。

屬性

• property-blacklist: 指定一個不容許使用屬性的黑名單。

• property-no-vendor-prefix: 禁止屬性添加供應商前綴。

• property-unit-blacklist: 指定一個特定屬性不容許使用單位的黑名單。

• property-unit-whitelist: 指定一個特定屬性容許使用單位的白名單。

• property-value-blacklist: 指定一個不容許使用鍵值對的黑名單。

• property-value-whitelist: 指定一個容許使用鍵值對的白名單。

• property-whitelist: 指定一個容許使用屬性的白名單。

聲明

• declaration-bang-space-after: 在聲明的優先級後指定一個空格或禁止留有空格。

• declaration-bang-space-before: 在聲明的優先級前指定一個空格或禁止留有空格。

• declaration-colon-newline-after: 在聲明的冒號後指定一個換行符或禁止留有空格。

• declaration-colon-space-after: 在聲明的冒號後指定一個空格或禁止留有空格。

• declaration-colon-space-before: 在聲明的冒號前指定一個空格或禁止留有空格。

• declaration-no-important: 禁止在聲明內使用 !important 。

聲明塊

• declaration-block-no-duplicate-properties: 禁止在聲明塊內出現重複屬性。

• declaration-block-no-shorthand-property-overrides: 禁止使用速記屬性重寫相關屬性。

• declaration-block-properties-order: 指定聲明塊內屬性的順序。

• declaration-block-semicolon-newline-after: 在聲明塊的分號後指定一個換行符或禁止留有空格。

• declaration-block-semicolon-newline-before: 在聲明塊的分號前指定一個換行符或禁止留有空格。

• declaration-block-semicolon-space-after: 在聲明塊的分號後指定一個空格或禁止留有空格。

• declaration-block-semicolon-space-before: 在聲明塊的分號前指定一個空格或禁止留有空格。

• declaration-block-single-line-max-declarations: 在單行聲明塊中限制聲明的數量。

• declaration-block-trailing-semicolon: 在聲明塊內指定或禁止尾隨分號。

塊

• block-closing-brace-newline-after: 在塊的右大括號後指定一個換行符或禁止留有空格。

• block-closing-brace-newline-before: 在塊的右大括號前指定一個換行符或禁止留有空格。

• block-closing-brace-space-after: 在塊的右大括號後指定一個空格或禁止留有空格。

• block-closing-brace-space-before: 在塊的右大括號前指定一個空格或禁止留有空格。

• block-no-empty: 禁止空塊。

• block-no-single-line: 禁止單行塊。

• block-opening-brace-newline-after: 在塊的左大括號後製定一個換行符。

• block-opening-brace-newline-before: 在塊的左大括號前指定一個換行符或禁止留有空格。

• block-opening-brace-space-after: 在塊的左大括號後指定一個空格或禁止留有空格。

• block-opening-brace-space-before: 在塊的左大括號前指定一個空格或禁止留有空格。

根選擇器

• root-no-standard-properties: 禁止使用標準屬性內的 :root 選擇器。

選擇器

• selector-class-pattern: 指定類選擇器的模式（模式指的是正則表達式）。

• selector-combinator-space-after: 在複合選擇器以後要求或不容許留有一個空格。

• selector-combinator-space-before: 在複合選擇器以前要求或不容許留有一個空格。

• selector-id-pattern: 指定 id 選擇器的模式。

• selector-max-specificity: 限制選擇器的特異性。

• selector-no-attribute: 禁止屬性選擇器。

• selector-no-combinator: 禁止複合選擇器。

• selector-no-id: 禁止 id 選擇器。

• selector-no-type: 禁止類型選擇器。

• selector-no-universal: 禁止通用選擇器。

• selector-no-vendor-prefix: 禁止選擇器添加供應商前綴。

• selector-pseudo-element-colon-notation: 爲僞元素指定適當的單或雙冒號。

• selector-root-no-composition: 禁止複合 :root 選擇器。

選擇器列表

• selector-list-comma-newline-after: 在選擇器列表的逗號後指定一個換行符或禁止留有空格。

• selector-list-comma-newline-before: 在選擇器列表的逗號前指定一個換行符或禁止留有空格。

• selector-list-comma-space-after: 在選擇器列表的逗號後指定一個空格或禁止留有空格。

• selector-list-comma-space-before: 在選擇器列表的逗號前指定一個空格或禁止留有空格。

規則

• rule-nested-empty-line-before: 要求或不容許嵌套規則前留有空行。

• rule-non-nested-empty-line-before: 要求或不容許非嵌套規則前留有空行。

媒體特性

• media-feature-colon-space-after: 在媒體特性的冒號後指定一個空格或禁止留有空格。

• media-feature-colon-space-before: 在媒體特性的冒號前指定一個空格或禁止留有空格。

• media-feature-name-no-vendor-prefix: 禁止媒體特性屬性名添加供應商前綴。

• media-feature-no-missing-punctuation: 確保非布爾型媒體特性具備所需的標符：一個冒號或範圍運算符。

• media-feature-range-operator-space-after: 在媒體特性的範圍運算符後指定一個空格或禁止留有空格。

• media-feature-range-operator-space-before: 在媒體特性的範圍運算符前指定一個空格或禁止留有空格。

自定義媒體

• custom-media-pattern: 指定自定義媒體查詢的名稱模式。

媒體查詢

• media-query-parentheses-space-inside: 在媒體查詢括號內要求或不容許留有一個空格。

媒體查詢列表

• media-query-list-comma-newline-after: 在媒體查詢列表的逗號後指定一個換行符或禁止留有空格。

• media-query-list-comma-newline-before: 在媒體查詢列表的逗號前指定一個換行符或禁止留有空格。

• media-query-list-comma-space-after: 在媒體查詢列表的逗號後指定一個空格或禁止留有空格。

• media-query-list-comma-space-before: 在媒體查詢列表的逗號前指定一個空格或禁止留有空格。

AT規則

• at-rule-empty-line-before: 在 AT規則 前要求或不容許留有空行。

• at-rule-no-vendor-prefix: 禁止 AT規則 添加供應商前綴。

註釋

• comment-empty-line-before: 要求或不容許註釋前面留有一個空格。

• comment-whitespace-inside: 要求或不容許註釋內留有一個空格。

經常使用樣式

• indentation: 指定縮進。

• max-empty-lines: 限制相鄰的空行數。

• max-line-length: 限制每行的長度。

• max-nesting-depth: 限定嵌套深度。

• no-browser-hacks: 禁止使用與目標的瀏覽器無關的 CSS hack。

• no-descending-specificity: 禁止特異性較低的選擇器在特異性較高的選擇器以後重寫。

• no-duplicate-selectors: 禁止使用重複的選擇器。

• no-eol-whitespace: 禁止行尾留有空白。

• no-indistinguishable-colors: 禁止使用極其類似的顏色。

• no-invalid-double-slash-comments: 禁止使用 CSS 不支持的雙斜線註釋 (//...) 。

• no-missing-eof-newline: 要求文件結尾留有換行符。

• no-unknown-animations: 禁止 animation 使用 與 @keyframes 聲明不對應的名稱。

• no-unsupported-browser-features: 禁止使用目標瀏覽器不支持的屬性。