css:如何使用较大(限制性较小)的值重写max-width值

前端之家收集整理的这篇文章主要介绍了css:如何使用较大(限制性较小)的值重写max-width值前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个css文件与这种风格:
.filefield-element .widget-edit {max-width: 70%;}

我想增加最大宽度而不修改css文件,所以我创建了一个自定义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%)首先出现。

是否有一种方法可以覆盖具有较大(限制性较小)值的最大宽度值?

解决方法

您可以覆盖(未设置)max-width
.foo{ max-width:none; }

…清除任何继承的最大宽度。

原文链接:https://www.f2er.com/css/221152.html

猜你在找的CSS相关文章