DIV CSS 佈局教程網

今天稍稍看了一下IE7對CSS選擇器的改進，出乎我的想象，竟然修復了大部分bug。
 
　　1、對偽類的支持。IE6和更低的版本對於偽類的支持僅限於a標簽，諸如“:hover”、“:active”、“:focus”之類的偽類理論上是應該適用於所有元素的，但是IE6和更低版本拋棄了它們。這次IE7有選擇地支持了“:hover”。
 
Quotes
div:hover {
    background-color: #B7B7B7;
}

　　諸位可以試試。

　　2、對子選擇器的支持。現在在IE7裡你可以使用如下的定義：
 
Quotes
#block1 > h3 {
    color: red;
}
 
　　3、對相鄰選擇器的支持。你可以指定同一父元素下的緊鄰某個元素之後的元素的樣式：
 
Quotes
* + 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]。

　　選擇器在平時的應用裡很少用到，有一種說法是渲染會比其他的慢。不過很多選擇器的效果在這之前是只能使用js來實現的，相對於JS，CSS似乎更加有效率一些。