css - 如何用另一个 css 文件覆盖一个 css 文件

Question

我的父页面使用的是 custom1.css，子页面使用的是 custom2.css。我的问题是子页面 css 属性被父页面 css 覆盖。如何阻止作用于子页面元素的父页面 CSS。

Answer 1

CSS 样式按照它们所在的顺序应用。检查此示例，div 的第二个和最终宽度覆盖的第一个样式将为 40px。

div{
 width:300px;
}

div{
 width:40px;
}

链接样式表也是一样的。

<link rel="stylesheet" type="text/css" href="style_1.css">
<link rel="stylesheet" type="text/css" href="style_2.css">

此处 style_2.css 覆盖了 style_1.css 中的相同样式，因为它是第二个链接。

所以你要做的是，你需要最后应用链接的样式表。