覆盖CSS规则

Question

这可能很简单，但我似乎无法弄明白或找到答案。

我有一个html元素<div class="box">

此元素在其原始样式表中具有设置规则：

.box {
width: 40%;
}

我正在使用自定义CSS工作表覆盖原始样式表而不触及它。

我需要将此规则更改为：

.box {
max-width: 40%;
} 

所以基本上如何添加这个新规则，但取消旧规则？

可能是这样的吗？ ：

.box {
width: 0;
max-width: 40%;
}

...

Answer 1

您可以重置为自动（默认）宽度。值为auto的宽度告诉浏览器根据约束元素的其他属性计算宽度。

.box {
    width: auto;
    max-width: 40%;
}