Question

编辑：代码有效，显然我没注意到拼写错误。对不起伙计们。

我想在某些页面上覆盖一些CSS规则。这是我想要实现它的一个例子。这是一种有效的方法吗？它似乎在我的浏览器中不起作用。

main.css：

#header {
    background-color: yellow;
    color: #003300;
    height: 65px;
    margin-top: 5px;
    padding: 10px 0 10px;
}

的index.html

<head>
<link rel="stylesheet" type="text/css" href="/main.css" />

<style>
    #header {
        background-color: red;
    }
</style>
</head>

Answer 1

CSS有这种继承感。

我实际上喜欢另一个链接css标签之后你已经拥有的#header就像你想要的那样..

一个有趣的采访问题是为什么级联样式表被称为...为什么它们不仅仅被称为样式表。

这是因为您可以覆盖样式表的方式。其中包含您所引用类的最底部样式表是使用的样式表。

您也可以将样式放在您想要的位置并覆盖那里的css。

Answer 2

应该可以工作。您可能需要style标记中的更多信息。试试这个：

<style type="text/css">
#header {
    background-color: red;
}
</style>

Answer 3

内联样式不是最好的方法。

尝试将页面内容包装在div中，然后选择容器和标题div作为一个：

<div class="my-page">
    <div id="header">header</div>
</div>

.my-page #header { background-color:pink; }

Answer 4

#header {
    background-color: yellow;
    color: #003300;
    height: 65px;
    margin-top: 5px;
    padding: 10px 0 10px;
}

不确定这是否是问题，但您的第二个填充参数后面没有px。它可能导致解析器出错。试一试，然后从那里告诉我们。