如何对CSS属性进行空化?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (45)

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

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

让我改变值这很容易,但我如何完全删除一个属性?

好比说一个类.c1height: 40px;,我怎么摆脱这个高度属性?

提问于
用户回答回答于

你必须将每个单独的属性重置为其默认值。这不是很好,但根据你提供的信息,这是唯一的方法。

在你的例子中,你会这样做:

.c1 {
    height: auto;
}

你应该在这里搜索每个属性:

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

对于例如height

初始值 : auto

另一个例子,max-height

初始值 : none

在2017年后,有另一种方式,unset关键字:

.c1 {
    height: unset;
}
用户回答回答于

就像一个类.c1有高度:40 px;我如何摆脱这个高度属性?

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

在这种情况下,你应该使用

 height: auto;

在某些情况下,inherit是正确的方法,例如,当重置a元素(该属性是从父元素继承的):

a { color: inherit }

扫码关注云+社区

领取腾讯云代金券