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瀏覽器專用
這時沒辦法直接用一句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 { }
最新的瀏覽器版本(除IE7以外)
html>/**/body #ID { }
Opera 瀏覽器專用
html:first-child #ID { }
全站熱搜
留言列表