2012-05-25 43 views
2

編寫CSS選擇器時可以安全使用id.class嗎?例如:是否使用在CSS中兼容的id.class跨瀏覽器?

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

#foo.bar { border: 1px solid #000; } 

這不支持哪些瀏覽器?

+0

它應該支持跨瀏覽器,但爲什麼你會那樣做? ID的應該是在網頁上獨一無二的... –

+1

@ josh.trow它可以用來做'#foo.active'和'#foo.selected'等類似的東西。 – peirix

+0

@peirix幾乎爲什麼我需要這樣做。我的ID在頁面上是唯一的。 – TK123

回答

0

根據您的使用方式,它可能在IE6上觸發a bug

+0

我不在乎ie6,但很高興看到這是唯一一個與此有關的問題。 – TK123

0

每個瀏覽器都會支持這個功能(儘管它可能沒有必要,因爲無論如何ID都會唯一標識該元素)。

+2

我可以看到至少有兩個原因可以做到這一點:添加類使用javascript/jQuery,並且在應用於特定div時(例如,將.highlight應用於#main,將'background'設置爲不同的'color')時,要調整特定的類風格。 –