css的hack如何使用

這篇“css的hack如何使用”文章的知識點大部分人都不太理解，所以小編給大家總結了以下內容，內容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“css的hack如何使用”文章吧。

首先我們要知道什么是 HACK ？，簡單的來說就是只有在特定的瀏覽器中才可以使用的一段代碼；一般來說有以下三種形式：

1.屬性前綴法（css 類內部 Hack）

當我們在不同的瀏覽器中使用會有不同的代碼如：在 IE6 中能識別“_”和“*”這兩個符號，在 IE7 中的話智能識別“*”這個符號，在 IE6-IE10 中都認識“\9”這個符號，但是在 firefox 對我們說到的三個都不認識不會進行操作。（相關代碼例子可以在 css hack合集 中查看）

2.選擇器前綴法（選擇器 Hack）

對于這個方法的語法是這樣的：<hack>select{sRules}。

在IE6中代碼例子代碼如下：

*html .test21 { color: gold; }

在IE7中代碼例子代碼如下：

*+html .test22 { color: blue; }

在IE6或者IE7中生效例子代碼如下：

@media screen\9 {   </p><p>  .test23 { color: purple; }  </p><p>}

在IE6、IE7 、IE8中生效例子代碼如下：

@media \0screen\,screen\9 {   </p><p>  .test24 { color: gold; }  </p><p>}

在IE8中生效例子代碼如下：

@media \0screen {    .test25 { color: orange; }  }

在IE8、IE9、IE10、IE11中生效例子代碼如下：

@media screen\0 {   .test26 { color: green; }  }

在IE9、IE10、IE11中生效例子代碼如下：

@media screen and (min-width: 0\0) {   .test27 { color: red; }  }

3.IE條件注釋法（Html 頭部 引用 Hack）

這個方式是針對所有 IE (在 IE10 以上已經不在支持了) 在 Html 頭部引用就比較特殊，類似程序的語句，只能在 HTML 文件里面使用，不能在 css 文件中使用，只有在 IE 瀏覽器中才可以使用 ，在其他的瀏覽器中會被作為注釋不執行代碼如下：

<link rel="stylesheet" type="text/css" href="css.css" />
<!–[if IE 7]>
<!– 如果IE瀏覽器版是7,調用ie7.css樣式表 –>
<link rel="stylesheet" type="text/css" href="ie7.css" />
<![endif]–>
<!–[if lte IE 6]>
<!– 如果IE瀏覽器版本小于等于6,調用ie.css樣式表 –>
<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]–>

以上就是關于“css的hack如何使用”這篇文章的內容，相信大家都有了一定的了解，希望小編分享的內容對大家有幫助，若想了解更多相關的知識內容，請關注億速云行業資訊頻道。