css样式表定义的顺序是否重要?

Jon*_*ott 19 css stylesheet

我有几个样式表.第一个是样式表,其中包含一些我希望用作默认值的样式.根据几个因素,用于生成页面的代码可能包含一些样式表,其值应覆盖默认值.

如果我使用它,我可以相信默认样式表中的值将被其他样式表中的值覆盖吗?我正在使用类选择器,并在名称匹配时覆盖值.

<link href="defaults.css" rel="stylesheet" type="text/css"/> 
<link href="valuestooverridedefaults.css" rel="stylesheet" type="text/css"/> 
Run Code Online (Sandbox Code Playgroud)

这需要适用于所有浏览器,包括移动设备.如果可能的话,我想避免使用"!important".

谢谢!

Fab*_*ney 19

有一个定义的级联,其中样式被排序和应用.当声明具有相同的重要性(权重),起源特定性时,后一声明获胜.大多数答案涵盖了重要性特殊性,但不包括起源.

以下是一些关于CSS Cascades的非常好的幻灯片.

  • 仅供参考.幻灯片的链接已经死了. (2认同)