你對同一樣式表中如何對區分IE6，IE7，Firefox的樣式是否了解，相信通過本文的學習你一定會有不少收獲。
同一樣式表中如何對區分IE6,IE7,Firefox的樣式
導致網頁制作者面臨著許多煩惱，是由於Firefox與IE對於css規范支持略有不同。許多時候不得不制作兩套css文件，或者使用一些成熟的css框架。但是還有一些情況下，當我針對IE設置完css之後，用Firefox打開，發現只有一兩個樣式不太合適，專門再寫一個CSS文件不太合算。那麼就可以針對某一兩個屬性進行設置。只要了解IE與Firefox一些不同，就能夠很容易達到這個目的。
◆IE都能識別*;標准浏覽器(如FF)不能識別*；
IE6能識別*，但不能識別!important,
IE7能識別*，也能識別!important;
FF不能識別*，但能識別!important;
◆總結出下表：
IE6 IE7 FF
* √ √ ×
!important × √ √
因此，要在某一個CSS屬性上區分IE和Firefox，可以利用“*”符號，使用如下設置：
- background-color:#3F87E4;
- *background-color:#2e7ee8;
第一行，IE和Firefox都能夠識別出來，第二行IE能夠識別並且覆蓋掉第一行的內容，而Firefox不能識別。這樣就達到了在Firefox中使用第一行設置，而在IE中使用第二行設置的目的。
利用上表，還能夠區分IE6和IE7，以及IE6與Firefox，IE7與Firefox，可以分別進行不同的設置。如：
◆區別IE6與IE7：
- background:green!important;
- background:blue;
◆區別FF，IE7，IE6：
- background:orange;
- *background:green!important;
- *background:blue;
但是需要注意到一點是：不管是什麼方法，書寫的順序都是Firefox的寫在前面，IE7的寫在中間，IE6的寫在最後面。
文章來源:Div-Css.net設計網參考:http://www.div-CSS.Net/div_CSS/topic/index.ASP?id=7164
【編輯推薦】