一. 过滤单独的样式表 具体用法参见: 二. 过滤单独的规则和声明 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 背景变桔色*/ } |