css的hack相容性

為了區隔出差異性，先建立多個div表格。

<div class="c1"> _color:#F00; </div>
<div class="c2"> *color:#F00; </div>
<div class="c3"> color:#F00\0; </div>
<div class="c4"> color:#F00\9; </div>
<div class="c5"> 先color:#F00 !important; 再 color:#0F0; </div>
<div class="c6"> body > div.c5 {color:#F00 \9;} </div>

接個開始建立各個div的css樣式。

div.c1 { _color:#F00; }			/*ie6*/ 
div.c2 { *color:#F00; }			/*ie6,ie7*/ 
div.c3 { color:#F00\0; }			/*ie8,ie9,opera*/
div.c4 { color:#F00\9; }			/*ie6,ie7,ie8,ie9*/
div.c5 { color:#00F; }				/*ie6,ie7,ie8,chrome,firfox,opera,safari*/
div.c5 { color:#F00!important; }	/*ie6,ie7,ie8,chrome,firfox,opera,safari*/
div.c5 { color:#00F; }				/*ie6,ie7,ie8,chrome,firfox,opera,safari*/
body > div.c6 { color:#00F; }		/*ie8,chrome,firfox,opera,safari*/

color:#F00\0;
這個算是比較特殊，連opera瀏覽器也有效果，比較要注意的是當#F00和\0中間有空格時會失效。

color:#F00!important;
表示重要的，當標籤持有多個相同的樣式時，!important會優先使用這個樣式。

 body > div.c6 
表示指向body底下一層的div.c6，像是body div.c6就是指向body底下的所有div.c6。

實際狀態可以參考範例。css-css的hack相容性範例

以下為各瀏覽器的支援程度。
_color:#F00; 各瀏覽器支援狀態:
   
*color:#F00; 各瀏覽器支援狀態:
   
color:#F00\0; 各瀏覽器支援狀態:
   
color:#F00\9; 各瀏覽器支援狀態:
   
color:#F00!important; 各瀏覽器支援狀態:
   
body > div.c6 { color:#00F; } 各瀏覽器支援狀態: