首頁 >web前端 >css教學 >關於IE6下的CSS多類選擇符

關於IE6下的CSS多類選擇符

巴扎黑
巴扎黑原創
2017-04-05 16:26:511472瀏覽

  多類別選擇符的寫法。例如:

  #my.c1.c2 { color:red;}
  .c1.c2 { color:red;}

  以上寫法在IE7+/FF/Opera/Safari 等瀏覽器都支援。

  但在IE6中,後一個類別名會覆寫前一個類別名,也就是說,上例被IE6理解為:

#   #my.c2 { color:red;}
  .c2 { color:red;}

#   同理:

#   #my.c1.c2.c3 { color:red;}
  IE6理解為 #my.c3 {color:red;}
  .c1.c2.c3 { color:red;}
  IE6理解為 .c3 { color:red; }

#   所以開發中用多類別來組合實現css效果的時候,注意IE6的這個問題。最好的方法就是,不要用類別組合的形式。

以上是關於IE6下的CSS多類選擇符的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn