css - 在我们的 CSS 文件中覆盖第三方 CSS 属性

Question

我有一个第三方 CSS 文件，需要删除、添加、覆盖一些属性。同时想删除一些不改变原来的类。

例如

第三方.css

.cal_navline div
{
position: absolute;
top: 2px;
white-space: nowrap;
}

是否可以在不更改原始 css 文件的情况下删除此类？上面的类是否有可能在我们的代码中没有被处理或忽略？

Answer 1

您可以将!important与样式一起使用来覆盖样式。

您可以使用与 !important 相同的类和样式，这将覆盖样式。

Answer 2

作为上面的答案，我会保留!important最后一个选项，如果你想覆盖样式，你可以使用更高的特异性规则，比如

.container_class .cal_navline div {
   position: absolute;
   top: 2px;
   white-space: nowrap;
}

如果仍然不明确，您可以使用!important覆盖第三方 CSS。

此外，如果您愿意使用 JS，则可以在这种情况下使用它。

Answer 3

为了“删除”属性，您应该使用它们的默认值。

你看，每个属性总是被设置的，只是它们有默认值。

例如，如果您有一个元素，position: absolute;并且想要删除它，您将使用position: static !important;，因为默认值position- 即 when 未设置 - 是static。

我所说的来源在position这里：http ://www.w3schools.com/cssref/pr_class_position.asp

阅读部分内容：

默认值： 静态

同样，每个 css 属性都有一个默认值。如果您强制使用默认值，就像删除该属性一样。

（top, left, right,bottom具有auto默认值，其他一些默认继承其父项的值，那些具有inherit默认值等）

这是一个带有默认 css 值的列表：http: //www.w3.org/TR/CSS2/propidx.html