如何从另一个css文件导入样式元素时排除它

Question

我有一个问题： 我正在使用此calss的现有页面 componentContainer 来设置不同的页面样式。

为了更新屏幕内容，我必须包含一个现有的.css文件，所以一切正常，但我对这个文件有问题，实际上它还实现了一个名为 componentContainer 的类，如下：

#componentContainer {
    background-color: rgb(242, 242, 242);
}

正如您所看到的页面背景是灰色的，但我希望它是白色的。 哪个是摆脱这种风格元素背景颜色的最佳方法： rgb（242,242,242）而不影响页面内容？

Answer 1

您无法删除样式定义，但可以覆盖它们。如果您有其他样式定义

，则按顺序应用CSS样式

#componentContainer {
    background-color: #fff;
}

并确保它在HTML（内联，同一CSS文件或新CSS文件）中显示在上面提到的样式定义之后，然后将被覆盖。

Answer 2

你可以给：

#componentContainer {
    background-color: #fff;
}

在外部 CSS 文件中更改颜色。

如果它不起作用，请使用!important [它会强制样式在您的自定义样式下过右。] ，您可以使用此样式：

#componentContainer {
    background-color: #fff !important;
}

我希望上面的代码可以解决您的问题。

Answer 3

在包含所需的css文件后，您需要覆盖该类。

使用重要属性覆盖页面样式

**strong text**componentContainer {background-color: white !important;}