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

根据the specs，应用了最新版本。

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

无论如何，仅仅依靠这一点并不是一种好习惯，因为这会使你的代码难以阅读和解释。我会确保通过specificity选择器应用了正确的规则，无论它们放在哪个样式表中。

Answer 2

下载样式表并按照它们链接的顺序应用，即：

t.cake.css
f.css //将覆盖上面样式表的冲突规则
t.generic.css //将覆盖上述两种表格的冲突规则
t.head.css //将覆盖上述三个样式表的冲突规则

Answer 3

最后的款式优先！但你可以使用：

.nameclass{
   font-size:11px !important;
}

Answer 4

最高优先级是内联样式。外部样式表中的样式规则遵循一个简单的公式（请参阅http://www.htmldog.com/guides/cssadvanced/specificity/）

关于工作表的顺序，最后一个工作表中的规则在发生碰撞时优先（除非你使用！important标志）

编辑：更好地参考特异性http://css-tricks.com/specifics-on-css-specificity/

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

4 个答案: