为什么通过选择器(selector-no- qualififying -type)限定类有问题? &g

Question

有一个样式规则selector-no- qualifier -type表示

禁止按类型限定选择器。

a.foo {}
/** ↑
* This type selector is qualifying the class */

类型选择器是"合格的";当它与(链接到)另一个选择器(例如>a.foo # foo)。此规则不规范与其他选择器组合的类型选择器>通过组合子(例如>.foo, a #foo).

为什么是"合格"?是有问题的?

Answer 1

当你制作了很多相互依赖的组件时，这个规则可能会很有用。当你用qualiation&quot声明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选择器与标签一起使用，优先级问题可能会进一步升级。