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

      編輯Tag賺U幣
      教程Tag:暫無Tag,歡迎添加,賺取U幣!

      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似乎更加有效率一些。

      來源:模板無憂//所屬分類:CSS教程/更新時間:2008-01-08
      相關(guān)CSS教程