css同一樣式表中區分IE6 IE7 Firefox樣式的方法

本篇內容主要講解“css同一樣式表中區分IE6 IE7 Firefox樣式的方法”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“css同一樣式表中區分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的寫在***面。

到此，相信大家對“css同一樣式表中區分IE6 IE7 Firefox樣式的方法”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！