跟大家講解下有關CSS中hack是什么意思，相信小伙伴們對這個話題應該也很關注吧，現在就為小伙伴們說說CSS中hack是什么意思，小編也收集到了有關CSS中hack是什么意思的相關資料，希望大家看到了會喜歡。
CSS中的hack就是針對不同的瀏覽器和版本來寫不同的CSS樣式，使其能呈現出我們想要的頁面效果CSS hack主要是用來解決瀏覽器的兼容問題，能夠針對不同的瀏覽器去寫不同的CSS，而且還能在不同的瀏覽器中得到想要的頁面效果，今天將在文章中為大家具體介紹什么是hack
【推薦課程：CSS教程】
hack的定義：
hack就是由于不同廠商的瀏覽器，如Internet Explorer,Firefox,Chrome等，或者是同一廠商的瀏覽器的不同版本，對CSS的支持不同，所以生成的頁面效果也不一樣，在這個時候就需要我們針對不同的瀏覽器去寫不同的CSS，讓它能夠同時兼容不同的瀏覽器，能在不同的瀏覽器中得到我們想要的頁面效果。換句話說， hack的目的就是使你的CSS代碼兼容不同的瀏覽器
例如：我們在寫CSS3屬性時經常會碰到針對不同的瀏覽器需要寫不同的代碼，如下所示
animation:5s;-moz-animation: 5s;-webkit-animation:5s;-o-animation:5s;!important問題：
Internet Explorer 6及以下的版本中的!important標識符存在問題，如果同一屬性的另一個樣式出現在同一樣式聲明塊中，就會導致該標識符被忽略。這可用于提供Internet Explorer 6及其他瀏覽器忽略的特殊屬性值。但在Internet Explorer 7及以上這個問題就不存在了
p { background: green !important; background: red; } </style> </head> <body class="page-body"> <p>Test</p>我們可以通過IE瀏覽器上的F12調試工具切換IE的版本來看運行的效果
在IE5上：
在IE8上：
*html的問題
hack部分的代碼用星號“*”表示后面跟“html”。這是通用選擇器和元素類型選擇器的組合。在某些時候，這兩個選擇器一起在另一個選擇器之前，只在在某些低版本的的中才有效果，而在其他瀏覽器中沒有效果。雖然沒有效果它依然不會報錯，因為實際上個它是有效的
*html p { background: green; background: red; } </style> </head> <body class="page-body"> <p>Test</p>在IE5上：
在IE8上：
總結：以上就是本篇文章的全部內容了，希望通過這篇文章能夠讓大家對hack有一定的了解
以上就是CSS中hack是什么意思的詳細內容，更多請關注php中文網其它相關文章！
來源：php中文網