重写CSS remove属性

Question

我正在使用一个lib，我想删除一个类的属性。做这件事的正确方法是什么？

示例：Lib.css

div {
width: 100%;
}

和自定义.css

div {
width: none; //something like that
}

Answer 1

CSS中的每个规则都有不同的默认值。许多可能将none或auto作为默认值。检查MDN以供参考。搜索"初始值">

示例

https://developer.mozilla.org/en-US/docs/Web/CSS/width
初始值：自动

编辑

如果不需要支持MSIE浏览器，也可以使用特殊值initial。

Answer 2

我鼓励您阅读文档中关于CSS特殊性的内容：CSS特性：Mozilla开发者，请查看下面的答案。

有几种方法可以覆盖外部库中的CSS属性。

案例1:如果您通过npm包使用Bootstrap或Zurb Foundation，您需要更改一个负责给定属性的变量值，并将其放置在导入所有库文件后以正确地ovewrite，例如

import 'files from library.sass';
// my settings
$default-width: 80%;

案例2:如果您使用CDN来交付库，您可以使用更具体的CSS选择器来覆盖给定的属性，例如：

覆盖div选择器

div {}   ----> div.my-class {}

第二种技术是使用!important声明，但不推荐使用。但请记住，使用！在开发过程中，重要的声明往往会引发许多问题。找到一个更具体的选择器总比使用好！重要的