【原】CSSHack - 常用招数列举_似水流云_百度空间
一. 过滤单独的样式表
具体用法参见:
二. 过滤单独的规则和声明

1. 子选择器招数
xxx的过滤器依赖于未实现的CSS,而不是浏览器bug。因为这些过滤器使用有效的CSS选择器来应
用有效的声明,所以严格的说,它们根本不是过滤器。它们仅仅是某些浏览器所不能理解的有效CSS规
则。这些过滤器中的{dy}个称为子选择器招数。
IE6和更低版本不支持子选择器,所以可以使用它对这些浏览器隐藏规则。为了让这种过滤器起作用,
须确保在子选择器前后没有空格。

例如:
html>body {
backgroud-color:red;
}

2. 属性选择器招数
IE6和更低版本不支持属性选择器,所以可以使用它对这些浏览器隐藏规则。
例如:
div{id="content"] {
background-color:red;
}

3. * html  招数
IE6和更低版本的网页上,有一个匿名的根元素,它包围着HTML元素。可以使用通用选择器指向包围
在另一个元素中的HTML元素。
例如:
* html div {
background-color:red;
}

4. !important 和下划线招数
IE6和更低版本不识别!important。
例如:
div {
background-color:red !important;
background-color:black;
}
IE6和更低版本将忽略{dy}个声明,应用第二个声明。

而除了IE6和更低版本,其它浏览器也不识别 _ 。
例如:
div {
background-color:red;
_background-color:black;
}
除IE6和更低版本的浏览器将忽略第二个声明,只应用{dy}个声明。而IE6和更低版本将最终应用第二
个声明。

5.  \9 和 * 招数
IE系列全部识别 \9 。IE6、7识别 * ,而IE8不识别 * 。
综合_招数可以实现各浏览器版本的独立应用:
div  {
background-color:blue;            /*Firefox 背景变蓝色*/
background-color:red \9;         /*IE8 背景变紅色*/
*background:-color:black;       /*IE7 背景变黑色*/
_background-color:orange;    /*IE6 背景变桔色*/
}


郑重声明:资讯 【【原】CSSHack - 常用招数列举_似水流云_百度空间】由 发布,版权归原作者及其所在单位,其原创性以及文中陈述文字和内容未经(企业库qiyeku.com)证实,请读者仅作参考,并请自行核实相关内容。若本文有侵犯到您的版权, 请你提供相关证明及申请并与我们联系(qiyeku # qq.com)或【在线投诉】,我们审核后将会尽快处理。
—— 相关资讯 ——