現在主流的瀏覽器分別是：Internet Explorer 6， Internet Explorer 7和Firefox 2。這讓我們在網站設計中不得不考慮如何使樣式“crossover”。這里介紹一個較為簡單的方法使樣式的顯示效果在上述三種瀏覽器中保持一致。
首先我們針對Firefox 2設計了如下的樣式代碼：
1 | #MyDiv { margin : 10px 10px 10px 10px; } |
然后針對Internet Explorer 6進行樣式修改，使用如下的代碼語句，該代碼只能被 IE 6 識別：
1 2 | /* IE6 Only */ * html #MyDiv { margin : 5px 5px 5px 5px; } |
最后針對Internet Explorer 7進行如下樣式修改，該代碼也只能被 IE 7 識別：
1 2 | /* IE7 Only */ *:first-child+html #MyDiv { margin : 2px 2px 2px 2px; } |
通過上面的方法，你應該能夠讓你的設計樣式更具通用性了。