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

css样式表定义的顺序重要吗?,css,stylesheet,Css,Stylesheet,我有几个样式表。第一个是一个样式表,其中包含一些我想用作默认值的样式。根据几个因素,用于生成页面的代码可能包括一些样式表,其值应覆盖默认值 如果我使用这个,我能相信默认样式表中的值会被其他样式表中的值覆盖吗?我正在使用类选择器,当名称匹配时将覆盖值 <link href="defaults.css" rel="stylesheet" type="text/css"/> <link href="valuestooverridedefaults.css" rel="stylesh

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

如果我使用这个,我能相信默认样式表中的值会被其他样式表中的值覆盖吗?我正在使用类选择器,当名称匹配时将覆盖值

<link href="defaults.css" rel="stylesheet" type="text/css"/> 
<link href="valuestooverridedefaults.css" rel="stylesheet" type="text/css"/> 

这需要在所有浏览器上运行,包括移动浏览器。如果可能的话,我想避免使用“!important”


谢谢

是的,样式表就是这样工作的。最后一个赢了

只需确保默认样式表的特殊性不大于覆盖。是的,避免!如果可以的话,这很重要。这太傻了

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

<link href="defaults.css" rel="stylesheet" type="text/css"/> 
<link href="valuestooverridedefaults.css" rel="stylesheet" type="text/css"/> 
如您所述,当第二张纸上的选择器与第一张纸上的选择器相同时,答案是“是”


使用
!重要信息
将是例外,因此请避免使用它,正如您所指出的。

如果选择器相同,则最后加载的优先,就像您在同一样式表中两次声明同一类一样。

如果您在多个css文件中为选择器定义了样式,最后加载的CSS文件中的样式将被采用

是的-线索在名称“层叠”样式表上。因此,内联样式将覆盖头部中定义的样式,头部中的样式将覆盖样式表中的样式。上次加载的样式表可能会覆盖上次加载的样式表中的样式。如果你在chrome中使用firebug或inspector之类的东西,它会告诉你每种风格来自何处,或者它覆盖了什么。

简单的答案是肯定的。在页面下方重新声明的任何样式都将覆盖先前在页面加载中声明的类

要使其工作,类的第二个声明必须在继承中

继承样式时,.content{}和.body.content{}之类的类的行为可能不同。

有一个定义,其中对样式进行排序和应用。 当声明具有相同的重要性(权重)、来源和特殊性时,后一个声明获胜。大多数答案在这里涉及重要性和特殊性,但不涉及起源


这里有一些非常好的幻灯片。()

哇,伙计们。这是很多相同的答案。哈哈,不管怎样,@Jon,你可能会发现这篇文章很有用。它把一切都解释得很清楚。仅供参考。幻灯片链接已经失效。这是我见过的最好的CSS学习资源。为我工作。