本文主要介绍了CSS黑客技术和常用的黑客技能集合。本文解释了什么是CSS Hack，常用的CSS hack，IE6对重要支持，IE6多个选择器等内容，需要的朋友参考。





第一，CSS Hack是什么

不同的浏览器对CSS有不同的分析结果，这导致了相同CSS输出的不同页面效果，这就要求CSS破解解决浏览器的本地兼容性问题，而为不同浏览器编写不同CSS代码的过程称为CSS破解。

CSS破解有三种常见的形式：CSS属性黑客、CSS选择器黑客、IE条件注释破解和IE浏览器的黑客攻击。

1、属性级黑客：例如，IE6能识别下划线_星* IE7可以识别星号* 但它不能识别下划线_和_两无法识别。

2、选择符号级黑客：例如，IE6能识别* HTML。类{ }，IE7可以识别* + HTML。类{ }或*：第一个孩子+ HTML类{ }。

3、IE条件注释黑客：IE条件注释是一个非标准逻辑的声明，微软提供了从IE5。例如，所有IE浏览器：IE6及以下版本：这种破解CSS不仅是有效的，但所有的代码写在声明生效判决。

ps：条件注释只能在IE浏览器下执行，在非IE浏览器下忽略注释，不同的CSS、js、HTML和服务器代码可以通过IE条件注释加载。

两。常见的CSS hack


复制代码代码如下所示：
黑客的CSS属性
颜色：红色；可以识别所有浏览器。
_color：红； / * * /只有IE6识别
*颜色：红色；IE6，IE7 / * * /鉴定
+颜色：红色；IE6，IE7 / * * /鉴定
* +颜色：红色；IE6，IE7 / * * /鉴定
{颜色：红色；IE6，IE7 / * * /鉴定
颜色：红 9；IE6，IE7，IE8，IE9 * /鉴定
颜色：红 0；IE8，IE9 / * * /鉴定
颜色：红 9 0 / / *；只有IE9的识别
颜色：红 0 / / *；只有IE9的识别
颜色：红色！重要的； / * IE6的重要* /不承认！
-------------------------------------------------------------
CSS选择器
* HTML #演示{颜色：红} / * * / IE6识别只；
* + HTML #演示{颜色：红} / * * /只有IE7识别；
身体：n型（1）#演示{颜色：红}； / * IE9 +，ff3.5 +，Chrome，Safari，Opera可以识别。
头：第一个孩子+身体#演示{颜色：红}； / * IE7 +，FF，Chrome，Safari，Opera可以识别。
根：#演示{颜色：红色 9 }； / * * / IE9：唯一的识别
--------------------------------------------------------------
ie
这里的内容只有IE可见。
这里的内容只有IE6.0可见
这里的内容只是IE7.0可见
Only IE7 can't be identified here, other versions can be identified, of course, at IE5.
超过IE6版本可以识别，IE6不能确定
IE7和IE7以上版本可以识别
以下版本IE7可以识别和IE7不能确定。
IE7和低于IE7版本可以识别
这里的内容只有非IE可见。


三、IE6！重要的支持

重要的是作为一个基本的黑客技术区分IE6和Firefox浏览器之间。因为IE6不支持！重要的是，Firefox可以读取！重要的是，它改变了风格的优先权。事实上，IE6在某些情况下，也能知道！重要。

例如:

复制代码代码如下所示：

演示{。
颜色：红色！重要；
颜色：绿色；
}



上面的代码是红色在FF和在IE6的字体是绿色的。解释IE6忽略了重要的存在。

再看一遍。


复制代码代码如下所示：

演示{颜色：红色！重要的；}
演示{颜色：绿色；}



如果IE6不承认重要，上述代码内容。演示应该是绿色的，但not.demo。的内容。演示是红色的，表明IE6是公认的。

这两种情况之间的区别是，当一个重要的是用来在一个选择器的样式优先级变化，IE6是无效的，后者的风格是由前。重要的被完全忽视了。采用进口！

选择四，IE6下的符号

多类选择器的编写：

复制代码代码如下所示：
# my.c1.c2 {颜色：红色；}
颜色：红色。c1.c2 {；}

上面的描述是支持IE7 + / / / FF Opera Safari等浏览器。

但在IE6，类名称后将覆盖前一类，也就是说，这是解释为IE6：

复制代码代码如下所示：
# my.c2 {颜色：红色；}
颜色：红色；}

以同样的方式：

复制代码代码如下所示：
# my.c1.c2.c3 {颜色：红色；}

IE6是理解为# my.c3 {颜色：红色；}

复制代码代码如下所示：
颜色：红色。c1.c2.c3 {；}

IE6是理解as.c3 {颜色：红色；}

因此，当多个类用于结合CSS效果的发展，关注这一问题，IE6。最好的办法是不使用类的组合。