陳小華(Jenhwa)

知道CSS的朋友一定聽說過CSS hack，現在的瀏覽器IE、Firefox、Chrome、Opera、Safari...百家爭鳴，可苦了Web前端開發人員了。

不同的瀏覽器對CSS的解釋都有一點出入，特別是padding, line-height這些要細微控制的地方，下面的hack基本可以解決這個問題：
‧ 在屬性前加下劃線(_)，那瀏此屬性只會被IE6解釋
‧ 在屬性前加星號(*)，此屬性只會被IE7解釋
‧ 在屬性值後面加"\9"，表示此屬性只會被IE8解釋

各瀏覽器CSS hack兼容表：
            

	IE6	IE7	IE8	Firefox	Chrome	Safari
!important		Y		Y
_	Y
*	Y	Y
*+		Y
\9	Y	Y	Y
\0			Y
nth-of-type(1)					Y	Y

1. #test{
2. color:red; /* 所有瀏覽器都支持 */
3. color:red !important;/* Firefox、IE7支持 */
4. _color:red; /* IE6支持 */
5. *color:red; /* IE6、IE7支持 */
6. *+color:red; /* IE7支持 */
7. color:red\9; /* IE6、IE7、IE8支持 */
8. color:red\0; /* IE8支持 */
9. }
10. body:nth-of-type(1) p{color:red;} /* Chrome、Safari支持 */