選擇器類別模式
為類別選擇器指定樣式。
.foo, #bar.baz span, #hoo[disabled] { color: pink; }
/** ↑ ↑
* These class selectors */
此規則會忽略非輸出的 Less mixin 定義和呼叫的 Less mixin。
轉譯的選擇器(例如 .u-size-11\/12\@sm
)會被解析為轉譯兩次(例如 .u-size-11\\/12\\@sm
)。您的 RegExp 應考慮到這點。
message
次要選項 可以接受此規則的參數。
選項
regex | 字串
字串會被轉換成類似 new RegExp(yourString)
的 RegExp — 因此請務必正確轉譯。
選擇器值在 .
之後會被檢查。無需在您的樣式中包含 .
。
給定字串
"foo-[a-z]+"
下列樣式被視為問題
.foop {}
.foo-BAR {}
div > #zing + .foo-BAR {}
下列樣式不被視為問題
.foo-bar {}
div > #zing + .foo-bar {}
#foop {}
[foo='bar'] {}
選用次要選項
resolveNestedSelectors: true | false
(預設:false
)
此選項會解析使用 &
內插法的巢狀選擇器。
例如,使用 true
。
給定字串
"^[A-Z]+$"
下列樣式被視為問題
.A {
&__B {} /* resolved to ".A__B" */
}
下列樣式不被視為問題
.A {
&B {} /* resolved to ".AB" */
}