css hack

什么是css hack

    由于不同厂商的浏览器或者相同浏览器的不同版本（IE6-IE11，firefox，safari,opera,chrome等）对css的支持，解析不一样，导致在不同浏览器的环境中呈现出不一致的页面展现效果。为了统一的页面效果，需要针对不同的浏览器或者不同版本写特定的css样式，把针对不同浏览器/不同版本写相应的css code的过程，叫css hack！

css hack原理

    由于不同的浏览器和相同浏览器不同版本对css的支持及解析结果不一样，以及css优先级对浏览器展现效果的影响，我们可以据此针对不同的浏览器情景来应用不同的css

css hack 分类

    css hack大致分为3类：css属性前缀法，选择器前缀法和IE条件注释法（即HTML头部引用if IE）hack，实际项目中css hack大部分是针对IE浏览器不同版本之间的表现差异而引入的。

    1.属性前缀法（即类内部hack）：如：IE6能识别下划线"_"和星号"*",IE7能识别星号"*"，但不能识别下划线“_”，IE6~IE10都认识"\9"，但firefox前三个都不能认识。

    2.选择器前缀法（即选择器hack）：例如IE6能识别*html .class{},IE7能识别*+html .class{}或者*:first-child+html.class{}。

    3.IE条件注释法（即HTML条件注释hack）：针对所有IE（注：IE10+已经不再支持条件注释）：<!--[if IE]>IE浏览器显示的内容<![endif]-->,针对IE6及以下版本：<!--[if It IE 6]>只在IE6显示的内容<![endif]-->.这类hack不仅对css生效，对写在判断语句里面的所有代码都会生效。