stylelint規範列表

stray發表於2019-02-16

官網的規則請戳這裡:stylelint規則
規則列表
這裡是 stylelint 內的所有規則(2016.03.10)。

顏色
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: 禁止使用目標瀏覽器不支援的屬性。

相關文章