CSS命令和Internet Explorer

Question

将dinamycally CSS加载到IE中时遇到问题.

我有不同的CSS文件,我需要按特定顺序将这些文件添加到头部.例如,我有一个始终具有最高优先级的客户文件,我必须在阅读客户信息时包括在内.

所以我有类似的东西:

< head >  
     < link rel: "stylesheet",
        type: "text/css",
        href: "StartingCSS.css">  
     < link rel: "stylesheet",
        type: "text/css",
        href: CSSclient.CSS>  
< /head >  

在某个时刻,我必须在头部包含另一个特定于另一个模块的css文件,并使用原型和JavaScript我将头文件中的第一个文件包含在内,所以我有这样的东西:

< head >      
     < link rel: "stylesheet",
        type: "text/css",
        href: "MyModule.css">  
     < link rel: "stylesheet",
        type: "text/css",
        href: "StartingCSS.css">  
     < link rel: "stylesheet",
        type: "text/css",
        href: CSSclient.CSS>  
< /head >  

在普通的浏览器中,如chrome或FF,CSSclient文件仍然具有最高优先级,因为它是文档中的最后一个,但在IE中,插入的最后一个文件正在获得权力.

有人对我有好主意吗？:)

非常感谢,José

Answer 1

加载 CSS 文件的顺序对样式的应用方式影响很小。对某个元素应用什么样式是由 CSS 规则中使用的选择器的特殊性决定的。较高的特异性会否决较低的特异性，即使具有较低特异性的样式稍后声明。

特异性可以看作是(a,b,c,d) 形式的四位数字的组合，其中 a 优先于 b，b 优先于 c，c 优先于 d。因此 (0,0,0,2) 比 (0,0,0,1) 具有更高的特异性，并且 (0,0,1,0) 比 (0,0,0,2) 具有更高的特异性。

仅当选择器以完全相同的特性使用时，样式声明的顺序（即加载样式表的顺序）才重要。

更新：

使用正确的 URL 更新了链接。