css:如何使用更大(限制性更小)的值覆盖max-width值

Question

我有一个这种风格的CSS文件:

.filefield-element .widget-edit {max-width: 70%;}

我想在不修改css文件的情况下增加max-width,所以我用这种样式创建了一个自定义的css文件:

.filefield-element .widget-edit {max-width: 99%;}

在"html/styles"窗格中,我看到样式按正确的顺序列出:

.filefield-element .widget-edit {
    max-width: 99%;
}

.filefield-element .widget-edit {
    float: left;
    max-width: 70%;
}

但是,"max-width:99%"不会覆盖"max-width:70%".似乎使用了更具限制性的值(70%),即使限制较少的值(99%)是第一位的.

有没有办法用更大(限制性更小)的值覆盖最大宽度值？

Answer 1

您可以使用覆盖(取消设置)max-width

.foo{ max-width:none; }

...清除任何继承的最大宽度.

Answer 2

尝试使用!important,或选择具有更高的特异性.