我想知道为什么头标记中较低位置的CSS链接作为较高位置链接更重要。
为什么会这样?
<head>
<link rel="stylesheet" href="less important">
<link rel="stylesheet" href="more important">
</head>
答案 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; }