css hack怎么用？技巧有哪些？

在前端開(kāi)發(fā)學(xué)習(xí)中我們會(huì)碰到很多的問(wèn)題，今天我們就來(lái)說(shuō)說(shuō)有關(guān)于在 css 中“css hack 怎么用？有哪些用法？”的問(wèn)題吧！

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

當(dāng)我們?cè)诓煌臑g覽器中使用會(huì)有不同的代碼如：在 IE6 中能識(shí)別?“_”?和?“*”?這兩個(gè)符號(hào)，在 IE7 中的話(huà)智能識(shí)別“*”這個(gè)符號(hào)，在 IE6-IE10 中都認(rèn)識(shí)??“\9??”??這個(gè)符號(hào)，但是在 firefox 對(duì)我們說(shuō)到的三個(gè)都不認(rèn)識(shí)不會(huì)進(jìn)行操作。（相關(guān)代碼例子可以在 css hack合集 中查看）

對(duì)于這個(gè)方法的語(yǔ)法是這樣的：?<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; }  }

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

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

以上就是有關(guān)于在“css hack 怎么用？有哪些用法？”的講解，如果你有更好的方法也可以和大家一起分享。更多有關(guān)于在“css hack 怎么用？有哪些用法？”這個(gè)問(wèn)題方面的知識(shí)我們也可以在 Css hack 合集中查閱和實(shí)踐。希望小編的分享對(duì)你的問(wèn)題有所幫助。