Question

我需要覆盖style.css中的标题样式。

这是我需要覆盖的样式。

.t_header{
    text-align: center;
    background-color: #bfd4f0;  
    color:#15428b;
    white-space:nowrap ;
    margin:0px 10px 0px 10px;
    height:1.5em;
}

现在我创建了另一个css文件名black.css，我需要为.t_header创建不同的背景颜色

.t_header{
    text-align: center;
    background-color: white !important; 
    color:#15428b;
    white-space:nowrap ;
    margin:0px 10px 0px 10px;
    height:1.5em;
}

我已经使用!important来覆盖style.css中的样式，但它不起作用但由于某种原因，我覆盖的其他样式类和id！important运行良好。我希望有人可以用另一种方法来覆盖使用!important的方式。感谢

Answer 1

尝试清除浏览器缓存，然后按以下顺序在代码中添加文件 -

<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="black.css">

覆盖css不需要具有所有属性 -

这么多代码就够了 -

.t_header{
    background-color: #fff;
}

Answer 2

通常不建议使用!IMPORTANT。尝试增加特异性

body div.theader { background: white; }

另请注意，使用四个以上的选择器通常不赞成。

你明白了......

如何从另一个css文件覆盖css样式？

2 个答案: