2013-04-06 64 views
3

的優先級我有上課foobar一些DOM元素:如何控制類規範

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

,我想控制它們之間的優先級。在w3c specification on this之後,我認爲向css添加額外的選擇器可能會使優先級更高。例如,如果我想foo覆蓋bar,我想放一個dummy類是這樣的:

.foo, .dummy{ 
    ... 
} 

.bar{ 
    ... 
} 
請問

這項工作?有一個更好的方法嗎?我知道!important可以控制單個屬性,但我想要一個更一般的解決方案來控制整個類規範的優先級。

回答

3

,如果你先添加一個規則來進行的.bar類,然後針對包含.foo,包含.foo規則將在此改變的.bar的

例如:

.bar { 
    color : red; 
} 

.foo { 
    color: blue; 
} 

的div顏色爲藍色。

你提出什麼工作,但你需要虛擬類添加到div(這樣的CSS選擇器將匹配)

例如:

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