2013-12-12 134 views
2

我玩弄這個CSS在我的IE9瀏覽器:IE 7在後備CSS

className{border: red solid 1px; *border: black solid 1px;} 

在IE 8,9邊框顯示紅色。 當我打開IE 7兼容模式時,我看到了 黑色邊框。

它看起來很喜歡*border語法是隻適用於IE的回退。

有沒有人知道這個明星(*)的CSS規則&它有什麼作用? 它對於哪些瀏覽器有效?

+1

這裏你去:http://stackoverflow.com/questions/1690642/purpose-of-asterisk- before-a-css-property – kddeisz

回答

2

這是不正確的CSS,因此在大多數(好的)瀏覽器中都沒有被解析。但是較早的IE會將其解析爲有效的CSS並應用規則。使用下劃線以相同的方式工作。

在這裏看到further informationor here

這是使用星號的不同作爲universal selector in CSS

+0

有沒有關於此信息的官方文檔? – PoeHaH

+0

不知道有關官方文檔,我從來沒有找到MS – SW4

+0

的任何內容,非常感謝! – PoeHaH

0
*+html SELECTOR {} 

只針對IE7和保持CSS有效。這應該是首選。

+0

有條件的樣式表比hacky css好;-) –

+0

取決於情況...條件註釋總是導致額外的文件。這意味着你有一個額外的請求到服務器。如果你的css中有一個需要回退的單一條件,我會一直使用* + html。如果你有很多東西,那麼是的,使用額外的文件:) –

0

我唯一使用這顆星星的方法是用於ie7的內嵌塊修復,這顆星只是允許你以ie6爲目標(從我記得)以及ie7。如果你感覺懶惰(!border:1px solid#000),你也可以使用感嘆號來指向ie7。