如何控制类规范

Question

的优先级我有上课foo和bar一些DOM元素：

<div class="foo bar">...</div> 

，我想控制它们之间的优先级。在w3c specification on this之后，我认为向css添加额外的选择器可能会使优先级更高。例如，如果我想foo覆盖bar，我想放一个dummy类是这样的：

.foo, .dummy{ 
    ... 
} 

.bar{ 
    ... 
} 

请问

这项工作？有一个更好的方法吗？我知道!important可以控制单个属性，但我想要一个更一般的解决方案来控制整个类规范的优先级。

Answer 1

，如果你先添加一个规则来进行的.bar类，然后针对包含.foo，包含.foo规则将在此改变的.bar的

例如：

.bar { 
    color : red; 
} 

.foo { 
    color: blue; 
} 

的div颜色为蓝色。

你提出什么工作，但你需要虚拟类添加到div（这样的CSS选择器将匹配）

例如：

<div class="foo bar dummy">...</div>