有一个样式规则selector-no- qualifier -type表示
禁止按类型限定选择器。
a.foo {} /** ↑ * This type selector is qualifying the class */
类型选择器是"合格的";当它与(链接到)另一个选择器(例如>a.foo # foo)。此规则不规范与其他选择器组合的类型选择器>通过组合子(例如>.foo, a #foo).
为什么是"合格"?是有问题的?
当你制作了很多相互依赖的组件时,这个规则可能会很有用。当你用qualiation"声明selector的规则时那么这些规则可能只会被具有相同"限定条件"的选择器覆盖。或者使用优先级更高的selector。例如:
/*
Qualification applied, this selector have higher priority
*/
a.link {
color: red;
}
/*
This selector without a qualification and is unable to override previous rule
*/
.link {
color: green;
}
/*
Just an example of media query, where .link will not be
overridden because of the lower priority
*/
@media screen {
.link {
color: orange;
}
}
如果#id
选择器与标签一起使用,优先级问题可能会进一步升级。