CSS Hack實現瀏覽器樣式兼容的兜底辦法

CSS Hack是實現瀏覽器樣式兼容的兜底辦法，能不用就儘量不要使用。但是，針對一些瀏覽器的bug，比如老版本IE的bug，有時使用CSS Hack是不得已而爲之的做法。本文將詳細介紹CSS Hack。CSS Hack主要分爲屬性標記法和選擇器前綴法兩種

屬性標記法
【IE6-】

對於IE6-瀏覽器主要使用下劃線_和中劃線-這兩種字符

_color:blue;
-color:blue;

【IE7-】

對於IE7-瀏覽器可以使用非常多的字符，包括`~!@#$%^&*()=+{[]:<>,.?/

但是，比較常用的是加號+和星號*

+color:blue;
*color:blue;

【IE10-】

使用後綴\9可以識別出IE10-瀏覽器

color:blue\9;
專門建立的學習Q-q-u-n： 731771211，分享學習方法和需要注意的小細節，不停更新最新的教程和學習技巧
（從零基礎開始到前端項目實戰教程，學習工具，全棧開發學習路線以及規劃）

【IE8+】

使用後綴\0可以識別出IE8+瀏覽器

color:blue\0;

【IE9、IE10】

使用後綴\9\0可以識別出IE9、10瀏覽器

color:blue\9\0;
 

選擇器前綴法

【IE6-】

在選擇器前面添加* html，可以識別IE6-瀏覽器

注意：*和html之間有無空格都可以生效

*html div{color:}

【IE7】

在選擇器前面添加*+html，可以識別IE7瀏覽器

注意：*、+、html之間有無空格都可以生效

*+html div{color:}

【IE8】

在選擇器外層使用@media \0，可以識別IE8瀏覽器

注意：@media和\0之間必須有空格

@media \0{
    div{color:}
}

【IE9+及其他非IE瀏覽器】

在選擇器前面添加:root，可以識別IE9+及其他非IE瀏覽器

:root div{color:}