跳至主要內容

選擇器類別模式

為類別選擇器指定樣式。

    .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" */
}