如何使css属性无效？

Question

基本上，我的页面中有两个外部css。

第一个Main.css包含所有样式规则，但我没有访问它的权限，因此不能修改它。我可以访问第二个文件Template.css，因此我需要在template.css中覆盖Main.css的值。

这很简单，我必须改变值，但是我如何完全删除属性呢？

例如，假设某个类的.c1具有height: 40px;，我如何摆脱这个height属性？

Answer 1

您必须将每个单独的属性重置回其默认值。这不是很好，但考虑到你给我们的信息，这是唯一的办法。

在您的示例中，您将执行以下操作：

.c1 {
    height: auto;
}

您应该在此处搜索每个属性：

https://developer.mozilla.org/en-US/docs/Web/CSS/Reference

对于example, height

初始值：auto

另一个example, max-height

初始值：none

在2017年，现在有了另一种方式，unset关键字：

.c1 {
    height: unset;
}

一些文档：https://developer.mozilla.org/en-US/docs/Web/CSS/unset

未设置CSS关键字是initial和inherit关键字的组合。与其他两个CSS范围的关键字一样，它可以应用于任何CSS属性，包括CSS速记all。如果该属性是从父级继承的，则此关键字将该属性重置为其继承值；如果不是，则将该属性重置为其初始值。换句话说，它的行为类似于第一种情况下的inherit关键字，也类似于第二种情况下的initial关键字。

浏览器支持很好：http://caniuse.com/css-unset-value

Answer 2

.c1 {
    height: unset;
}

添加在CSS3中的CSS值也解决了这个问题，它比unset auto initial或CSS更通用，因为它为每个属性设置了默认值，以及相对于其父对象的默认行为。

请注意，initial值破坏了上述行为。

来自MDN

与其他两个CSS范围的关键字一样，

可以应用于任何CSS属性，包括CSS速记all。如果该属性是从父级继承的，则此关键字将该属性重置为其继承值；如果不是，则将该属性重置为其初始值。

Answer 3

比如说一个类.c1的高度:40px；我怎么去掉这个

属性？

遗憾的是，你不能。CSS没有“默认”占位符。

在这种情况下，可以使用以下命令重置该属性

 height: auto;

正如@Ben正确指出的那样，在某些情况下，inherit是正确的方法，例如，在重置a元素的文本颜色时(该属性继承自父元素)：

a { color: inherit }