2011-09-07 27 views
1

在Firefox下的CSS僅適用於最後一個div,作爲它的唯一的分度,這兩個類:如果它有兩個類 - 有效的CSS,選擇div?

.a.b { 
color: red; 
} 

<div class="a"> Stuff A</div> 
<div class="b"> Stuff B</div> 
<div class="a b"> Stuff A and B</div> 

這是有效的CSS?我只是擔心從來沒有聽說過它。 謝謝

+0

只是讓我相信我理解正確的話,該樣式僅適用的事實時,DIV有兩個類是結果你但是你想知道它是否是一種有效的方法,或者只是Firefox中的一個小故障? – Eldros

回答

2

這是有效的CSS。幾乎所有的瀏覽器都支持多級選擇,除了IE6

Browser support s 
Mac: Safari 4.0 supported 
Mac: Chrome 5.0 supported 
Mac: FireFox 3.6 supported 
Mac: Opera 10 supported 
Win: FireFox 3.6 supported 
Win: Opera 10 supported 
Win: IE6 NOT SUPPORTED 
Win: IE7 supported 
Win: IE8 supported 

來源: http://www.maxdesign.com.au/articles/multiple-classes/

+2

「只有訂單相同」?該命令根本沒有考慮到。類有效地作爲一個集合來完成,而不是有序的列表。 –

+0

我不能在良心upvote這個,直到你擺脫了訂單,這只是錯誤的位... –

+0

哦,是的,你是對的 – jargalan