新建一個css樣式如下:
#item {
width: 200px;
height: 200px;
background: red;
}
新建一個div,并使用前面定義的css的樣式:
<div id="item">some text here</div>
在body表現這里加入lang屬性,中文為zh:
<body lang="en">
現在對div元素再定義一個樣式:
*:lang(en) #item{
background:green !important;
}
這樣做是為了用!important覆蓋原來的css樣式,由于:lang選擇器ie7.0并不支持,所以對這句話不會有任何作用,于是也達到了ie6.0下同樣的效果,但是很不幸地的是,safari同樣不支持此屬性,所以需要加入以下css樣式:
#item:empty {
background: green !important
}
:empty選擇器為css3的規范,盡管safari并不支持此規范,但是還是會選擇此元素,不管是否此元素存在,現在綠色會現在在除ie各版本以外的瀏覽器上。
對IE6和FF的兼容可以考慮以前的!important</body>