IE7對css選擇器的改進_CSS教程

1、對偽類的支持。IE6和更低的版本對于偽類的支持僅限于a標(biāo)簽，諸如“:hover”、“:active”、“:focus”之類的偽類理論上是應(yīng)該適用于所有元素的，但是IE6和更低版本拋棄了它們。這次IE7有選擇地支持了“:hover”。

div:hover {
background-color: #B7B7B7;
}

諸位可以試試。

2、對子選擇器的支持�，F(xiàn)在在IE7里你可以使用如下的定義：

#block1 > h3 {
color: red;
}

3、對相鄰選擇器的支持。你可以指定同一父元素下的緊鄰某個元素之后的元素的樣式

* p {
color: Blue;
}

4、對相鄰選擇器的擴展(？也許是bug)，IE7支持“* html”這樣的通用選擇器和相鄰選擇器的組合，注重，這里是“* html”，很希奇吧？ FF2.0和其他瀏覽器是不支持這樣的寫法的，不過都支持“* body”這樣的。所以，對IE7的CSS HACK就可以利用* html來寫了。

5、對屬性選擇器的支持。支持了

a[rel="nofollow"]
[class="ie7"]
a[rel~="my"]

這幾個屬性選擇器，但是還是不支持a[titile]。

選擇器在平時的應(yīng)用里很少用到，有一種說法是渲染會比其他的慢。不過很多選擇器的效果在這之前是只能使用js來實現(xiàn)的，相對于js，css似乎更加有效率一些。