CSS 2,使用link元素导入的样式表的优先级

Question

特定

<link rel="STYLESHEET" href="/css/t.cake.css" type="text/css"/>
<link rel="STYLESHEET" href="/css/f.css" type="text/css"/>
<link rel="STYLESHEET" href="/css/t.generic.css" type="text/css"/>
<link rel="STYLESHEET" href="/css/t.head.css" type="text/css"/>

哪些规则在级联中具有更高的优先级？假设所有人都有与其他CSS比较相同的优先级？第一个或最后一个样式表中的那些？

TIA DaveP

Answer 1

根据规格,最新的一个适用.

4.最后,按指定顺序排序:如果两个声明具有相同的权重,来源和特异性,则后者指定获胜.导入样式表中的声明被认为是在样式表本身中的任何声明之前.

无论如何,仅仅依靠这一点并不是一种好的做法,因为它会使你的代码难以阅读和解释.我会确保通过选择器的特殊性来应用正确的规则,无论它们放在哪个样式表中.