CSS order and Internet explorer

Question

我有一个问题时，直接加载CSS到IE。

我有不同的CSS文件，我需要将这些文件以一定的顺序添加到头部。例如，我有一个客户文件，应该始终具有最高的优先级，并且在读取客户信息时必须在开头包含该文件。

所以我有这样的东西:

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

在某些情况下，我需要在头部包含另一个css文件特定于另一个模块使用prototype和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中，最后插入的文件将获得功率。

有人有好主意给我吗?:)

非常感谢，josanger

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更新链接