close

這樣子的需求，一切都是由於不同瀏覽器慢慢開始掘起。

你希望大家進入你的網頁看到的網站樣子都是一樣的嗎？當然。

當 W3C 標準開始之後，瀏覽器的考慮是每個設計者都很頭痛的事。

而 CSS 其實不只你所知道的這樣而已。它其實是可以實現在各個瀏覽器下都看到你認為最完美的情況下。

只要你是個勤勞的CSS寫作者。都需在意這項重要的分別設定工作。

 
 
當有個區塊標籤為 <div id=ABC>你要的區塊內容</div>


現在我希望IE的字型為12px 而在 Firefox 的字型為 18px。
這時沒辦法直接用一句css就分開設定，就可以用瀏覽器專用的樣式標籤來定義。


我常用的寫法為


#ABC {font:12px;}
/* 這句為定義IE6的CSS */


html>body #ABC {font:18px;}
/* 這句為定義Firefox 的CSS */   
  

*+html>body #ABC {font:12px;}
/* 這句為定義IE7 的CSS */    


若你只有定義前二列的話，IE7將會跟著Firefox 一起變成font:18px;

而若只有第一列，就是一般的情況，會變成三種瀏覽器都是font:12px;



以下還有一些方式可以分開定


Firefox瀏覽器專用
html>body #ID{   }
#ID:after{ } 

IE7瀏覽器專用
*:first-child+html #ID { } 


最新的瀏覽器版本(除IE7以外)
html>/**/body #ID { } 


Opera 瀏覽器專用 
html:first-child #ID { }
arrow
arrow
    全站熱搜

    果 發表在 痞客邦 留言(1) 人氣()

    E-mail轉寄