我有一个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; }
…清除任何继承的最大宽度。