小編給大家分享一下CSS中hack有什么用，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

站在用戶的角度思考問題，與客戶深入溝通，找到大興網(wǎng)站設(shè)計與大興網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗，讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：成都網(wǎng)站制作、成都網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、空間域名、雅安服務(wù)器托管、企業(yè)郵箱。業(yè)務(wù)覆蓋大興地區(qū)。

SS中的hack就是針對不同的瀏覽器和版本來寫不同的CSS樣式，使其能呈現(xiàn)出我們想要的頁面效果

CSS hack主要是用來解決瀏覽器的兼容問題，能夠針對不同的瀏覽器去寫不同的CSS，而且還能在不同的瀏覽器中得到想要的頁面效果。

hack的定義：

hack就是由于不同廠商的瀏覽器，如Internet Explorer,Firefox,Chrome等，或者是同一廠商的瀏覽器的不同版本，對CSS的支持不同，所以生成的頁面效果也不一樣，在這個時候就需要我們針對不同的瀏覽器去寫不同的CSS，讓它能夠同時兼容不同的瀏覽器，能在不同的瀏覽器中得到我們想要的頁面效果。換句話說， hack的目的就是使你的CSS代碼兼容不同的瀏覽器

例如：我們在寫CSS3屬性時經(jīng)常會碰到針對不同的瀏覽器需要寫不同的代碼，如下所示

animation:5s;/*標(biāo)準(zhǔn)版*/
-moz-animation: 5s;/* Firefox */
-webkit-animation:5s;/* Safari 和 Chrome */
-o-animation:5s;/* Opera */

!important問題：

Internet Explorer 6及以下的版本中的!important標(biāo)識符存在問題，如果同一屬性的另一個樣式出現(xiàn)在同一樣式聲明塊中，就會導(dǎo)致該標(biāo)識符被忽略。這可用于提供Internet Explorer 6及其他瀏覽器忽略的特殊屬性值。但在Internet Explorer 7及以上這個問題就不存在了

  p
 {
     background: green !important;
     background: red; 
         }
      
   
   
      
Test

我們可以通過IE瀏覽器上的F12調(diào)試工具切換IE的版本來看運行的效果

在IE5上：

在IE8上：

*html的問題

hack部分的代碼用星號“*”表示后面跟“html”。這是通用選擇器和元素類型選擇器的組合。在某些時候，這兩個選擇器一起在另一個選擇器之前，只在在某些低版本的的中才有效果，而在其他瀏覽器中沒有效果。雖然沒有效果它依然不會報錯，因為實際上個它是有效的

*html p
         {
            background: green;
            background: red; 
         }
      
   
   
      
Test

在IE5上：

在IE8上：

以上是“CSS中hack有什么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！