2013-12-14 80 views
0

我有一個標準樣式,其中文本通常是白色的,鏈接通常是紅色的。但是,在一些菜單中,我會將文本和鏈接都變成白色。將css合併爲文本顏色和鏈接顏色

我有以下HTML:

<div class='mydiv2'> 
    Some text with some <a href="http://google.com">link</a> 
</div> 

和下面的CSS:

.mydiv2 { 
    background-color: green; 
    color: white; 
} 

.mydiv2 a { 
    color: white; 
} 

有什麼辦法給兩個以上的CSS語句合併成一個?

JsFiddle是here

+1

http://www.w3.org/TR/CSS2/selector.html#grouping –

回答

3

使用此代碼:

.mydiv2, .mydiv2 a { 
    background-color: green; 
    color: white; 
} 

逗號可以讓你有一個CSS語句中有多個選擇。

編輯:正如在評論中提到的那樣,此功能記錄在這裏:http://www.w3.org/TR/CSS2/selector.html#grouping

+0

我簡直不敢相信那很簡單,謝謝! – JVerstry