如何使CSS属性无效？

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

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

我很容易更改值，但是如何完全删除属性？

好比说一个类.c1有height: 40px;，我怎么摆脱这个高度财产？

您必须将每个单独的属性重置为其默认值。鉴于您提供给我们的信息，这不是很好，但这是唯一的方法。

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

.c1 {
    height: auto;
}

您应该在这里搜索每个属性：

https://developer.mozilla.org/zh-CN/docs/Web/CSS/Reference

对于例如height：

初始值 ： auto

再举一个例子max-height：

初始值 ： none

在2017年，还有另一种方法，unset关键字：

.c1 {
    height: unset;
}

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

未设置CSS关键字是initial关键字和Inherited关键字的组合。像其他两个CSS级关键字一样，它可以应用于任何CSS属性，包括全部的CSS缩写。如果该关键字从其父级继承，则将属性重置为其继承的值；否则，将其重置为初始值。换句话说，在第一种情况下，它的行为类似于Inherit关键字，在第二种情况下，其行为与初始关键字类似。

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

.c1 {
    height: unset;
}

CSS3中unset添加的值也解决了这个问题，它甚至比或者更通用的方法，因为它为每个CSS属性设置了默认值，并且还设置了相对于其父级的默认行为。autoinitial

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

从MDN：

像其他两个CSS级关键字一样，它可以应用于任何CSS属性，包括CSS缩写all。如果该关键字从其父级继承，则将该属性重置为其继承的值；否则，将其重置为其初始值。

就像说一个类.c1具有height：40px; 如何摆脱高度属性？

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

在这种情况下，您可以使用

 height: auto;

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

a { color: inherit }

initial在CSS3中添加了一个关键字，以允许作者显式指定此初始值。

要摆脱固定高度属性，可以将其设置为默认值：

height: auto;

您需要提供一个选择具有高特异性一个比Main.css。使用该选择器，将所需属性的值设置为默认值，例如

body .c1 {
    height: auto;
}

没有适用于所有属性的“默认”值，您需要查找每个默认值并使用它。

我有一个问题，即使我确实将“高度”覆盖为“未设置”或“初始”，它的行为也与我删除先前的设置时有所不同。

原来，我也需要删除min-height属性！

height: unset;
min-height: none

编辑：我在IE 7上进行了测试，但无法识别“未设置”，因此“自动”效果更好”。