這篇文章主要介紹了css中hack有多少種表現(xiàn)形式，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

成都創(chuàng)新互聯(lián)公司從2013年成立，先為利辛等服務(wù)建站，利辛等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為利辛企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

1、條件注釋法。是IE瀏覽器專有的Hack模式。

微軟官方推薦hack模式。

只在IE下生效。

 
只在IE6下生效

 
只在IE6以上版本生效

 
只在IE8上不生效

 
非IE瀏覽器生效

2、類內(nèi)屬性前綴法，屬性前綴法是在CSS風(fēng)格屬性名稱之前添加一些hack前綴。

只有特定瀏覽器才能識(shí)別，以達(dá)到預(yù)期的頁面顯示效果。

/* CSS屬性級(jí)Hack */
color:red; /* 所有瀏覽器可識(shí)別*/
_color:red; /* 僅IE6 識(shí)別 */
*color:red; /* IE6、IE7 識(shí)別 */
+color:red; /* IE6、IE7 識(shí)別 */
*+color:red; /* IE6、IE7 識(shí)別 */
[color:red; /* IE6、IE7 識(shí)別 */
color:red9; /* IE6、IE7、IE8、IE9 識(shí)別 */
color:red; /* IE8、IE9 識(shí)別*/
color:red!important; /* IE6 不識(shí)別!important*/

3、選擇器前綴法，針對(duì)某些頁面表現(xiàn)不一致或需要特殊處理的瀏覽器。

在CSS選擇器之前，添加一些只有特定瀏覽器才能識(shí)別的前綴。

/* CSS選擇符級(jí)Hack */
*html #demo { color:red;} /* 僅IE6 識(shí)別 */
*+html #demo { color:red;} /* 僅IE7 識(shí)別 */
:root #demo { color:red9; } : /* 僅IE9識(shí)別 */
body:nth-of-type(1) #demo { color:red;} /* IE9+、FF3.5+、Chrome、Safari、Opera 可以識(shí)別 */
head:first-child+body #demo { color:red; } /* IE7+、FF、Chrome、Safari、Opera 可以識(shí)別 */

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“css中hack有多少種表現(xiàn)形式”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!