CSS Hack的知識點有哪些

這篇文章主要講解了“CSS Hack的知識點有哪些”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“CSS Hack的知識點有哪些”吧！

 一、CSS Hack的概念
由于不同廠商的流覽器或某閱讀器的不同版本（如IE,Firefox/Safari/Opera/Chrome等），對CSS的支持、解析不一樣，招致在不同閱讀器的環境中呈現出不分歧的頁面展示效果。這時，我們為了取得統一的頁面效果，就需求針對不同的閱讀器或不同版本寫特定的CSS款式。
我們把針對不同的閱讀器/不同版本寫相應的CSS code的過程，叫做CSS hack!
二、CSS Hack的原理
由于不同的閱讀器和閱讀器各版本對CSS的支持及解析結果不一樣，以及CSS優先級對閱讀器展示效果的影響，我們能夠據此針對不同的閱讀器情形來應用不同的CSS。
三、CSS Hack的分類
3.1 CSS 屬性前綴法（即類內部 Hack）
（1）IE6 能辨認下劃線" _"和星號" *"
（2）IE7 能辨認星號" *"，但不能辨認下劃線" _ "
（3）IE6~IE10 都辨認" 9 "
（4）firefox 前述三個都不能辨認。
3.2 選擇器前綴法（即選擇器 Hack）
（1）IE6 能辨認 *html .class{}
（2）IE7 能辨認 *+html .class{} 或 *:first-child+html .class{}
3.3 IE條件注釋法（即 HTML 頭部援用 if IE Hack）
（1）一切 IE (注：IE10+ 曾經不再支持條件注釋)能辨認 <!--[if IE]>IE閱讀器顯現的內容 <![endif]-->
（2）IE6及以下版本能辨認 <!--[if lt IE 6]>只在IE6-顯現的內容 <![endif]-->
這類 Hack 不只對 CSS 生效，對寫在判別語句里面的一切代碼都會生效。
（3）實踐項目中 CSS Hack 大局部是針對 IE 閱讀器不同版本之間的表現差別而引入的。
四、CSS Hack書寫次第
普通是將適用范圍廣、被辨認才能強的 CSS 定義在前面。
五、CSS Hack IE條件注釋法
這種方式是 IE 閱讀器專有的 Hack 方式，微軟官方引薦運用的 hack 方式。
5.1 只在 IE 生效
<!--[if IE]> 這段文字只在 IE 閱讀器顯現<![endif]-->
5.2 只在 IE6 生效
<!--[if IE 6]> 這段文字只在 IE6 閱讀器顯現<![endif]-->
5.3 只在 IE6+ 生效
<!--[if gte IE 6]> 這段文字只在 IE6以上(包括) 閱讀器顯現<![endif]-->
5.4 只在 IE8 不生效
<!--[if ! IE 8]> 這段文字只在 非IE8 閱讀器顯現<![endif]-->
5.5 非 IE 閱讀器生效
<!--[if ! IE]> 這段文字只在 非IE 閱讀器顯現<![endif]-->
六、CSS Hack 類內部屬性前綴法
屬性前綴法是在 CSS 款式屬性名前加上一些只要特定閱讀器才干辨認的 hack 前綴，以到達預期的頁面展示效果。

感謝各位的閱讀，以上就是“CSS Hack的知識點有哪些”的內容了，經過本文的學習后，相信大家對CSS Hack的知識點有哪些這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！