ie-css3.js让IE支持高级CSS3选择器用法 你只需要下载Robert Nyman的DOMAssistant脚本和ie-css3.js并将它们在你的页面的head标签中导入，如下： 复制代码代码如下: <head> <script type="text/javascript" src="DOMAssistantCompressed-2.7.4.js"></script> <script type="text/javascript" src="ie-css3.js"></script> </head> 支持的选择器 :nth-child :nth-last-child :nth-of-type :nth-last-of-type :first-child :last-child :only-child :first-of-type :last-of-type :only-of-type :empty ie-css3的一些限制 样式表必须通过<link>标签引入。页面级的样式表或者内联的样式表将无效。不过你可以在外部样式文件中使用@import 导入其它样式文件； 样式表文件必须和页面放在同一个域名下面； 使用file://路径的样式文件将由于浏览器的安全问题而不起作用； :not()选择器尚不支持； 该方法不是动态的，样式被应用之后再改变DOM，将会无效。 如何工作的? ie-css3.js下载页面的每一个样式文件并解析它的CSS3伪选择器。如果一个选择器被找到，它就会被替换为同名的CSS class。比如： div:nth-child(2) 将会变成 div._iecss-nth-child-2 。然后，Robert Nyman的DOMAssistant用于寻找匹配元素CSS3选择器的DOM节点然后将相应的CSS类添加给它。 最终，元素的样式表会被新的版本替代，然后用CSS3选择器对相应元素添加对应的样式。 避免IE的CSS解释器 根据W3C的规定，一个浏览器应该无视它不认识的CSS规则。这就出现一个问题——我们需要利用样式表文件中的CSS3选择器，但是IE会将它们丢弃。 为了避免这个问题，每一个样式文件都会通过XMLHttpRequest下载。这允许该脚本绕开浏览器内置的CSS解释器并能够读取原始的CSS文件。
展开内容
