为什么较低位置的CSS链接比另一个更重要?

时间:2014-04-19 17:40:53

标签: html css

我想知道为什么头标记中较低位置的CSS链接作为较高位置链接更重要。

为什么会这样?

<head>
    <link rel="stylesheet" href="less important">
    <link rel="stylesheet" href="more important">
</head>

3 个答案:

答案 0 :(得分:1)

层叠样式表按照定义的顺序进行处理。因此,如果您有重叠的定义,则最后一个获胜(或使用ìmportant关键字)。

答案 1 :(得分:1)

其他所有相同的CSS文件将覆盖之前的CSS文件。但是,如果早期文件中的选择器更具体(即通过ID而不是按类),那么它仍将适用。

添加内联CSS(即元素本身的style="..."属性)&#34; last&#34; (因为所有其他CSS文件都在头脑中)所以从文件中覆盖Css。

答案 2 :(得分:0)

在网络浏览器查看您的网站之前,它有一个默认的CSS样式表,它适用于它遇到的任何网页(here is link,以获取有关这些特定样式表的更多信息)。

当网络浏览器查看您的网站时,它会迭代地浏览您的html的每一行,看看您想要做什么。如果任何行包含CSS信息,则Web浏览器会更新它用于呈现您的网站的样式表。因此,每当您的html说更新您网站上的样式表时,它都会替换以前的信息。此规则的一个例外是,如果您使用!important 。如果您使用!important,那么它将覆盖该样式的任何后续出现。这是一个例子:

p { color: red !important; }