Skip to main content

selector-class-pattern

指定类选择器的模式。

¥Specify a pattern for class selectors.

    .foo, #bar.baz span, #hoo[disabled] { color: pink; }
/** ↑         ↑

 * These class selectors */

该规则忽略非输出的 Less mixin 定义并称为 Less mixin。

¥This rule ignores non-outputting Less mixin definitions and called Less mixins.

转义选择器（例如 .u-size-11\/12\@sm）被解析为转义两次（例如 .u-size-11\\/12\\@sm）。你的正则表达式应该考虑到这一点。

¥Escaped selectors (e.g. .u-size-11\/12\@sm) are parsed as escaped twice (e.g. .u-size-11\\/12\\@sm). Your RegExp should account for that.

选项​

¥Options

string​

指定未用 "/" 括起来的正则表达式字符串。

¥Specify a regex string not surrounded with "/".

将检查 . 之后的选择器值。无需在你的模式中包含 .。

¥The selector value after . will be checked. No need to include . in your pattern.

鉴于：

¥Given:

{
  "selector-class-pattern": "foo-[a-z]+"
}

以下模式被视为问题：

¥The following patterns are considered problems:

.foop {}
.foo-BAR {}
div > #zing + .foo-BAR {}

以下模式不被视为问题：

¥The following patterns are not considered problems:

.foo-bar {}
div > #zing + .foo-bar {}
#foop {}
[foo='bar'] {}

可选的辅助选项​

¥Optional secondary options

resolveNestedSelectors​

此选项将使用 & 插值解析嵌套选择器。默认为 false。

¥This option will resolve nested selectors with & interpolation. Defaults to false.

给定字符串：

¥Given the string:

{
  "selector-class-pattern": ["^[A-Z]+$", { "resolveNestedSelectors": true }]
}

以下模式被视为问题：

¥The following patterns are considered problems:

.A {
  &__B {} /* resolved to ".A__B" */
}

以下模式不被视为问题：

¥The following patterns are not considered problems:

.A {
  &B {} /* resolved to ".AB" */
}