javascript - 帮助 CSS + 媒体查询 + 元素样式

Question

能否请一些 CSS 专家验证我的思维过程是对还是错。

我有一个媒体查询设置 css 的元素，具体取决于设备是横向还是纵向。如果我的 css 将元素的宽度设置为 500px，并且我修改该宽度为 600px，则元素样式将被修改。

当设备改变方向时 - 无论我的 css 文件设置了什么，元素样式都保持在 600px。因为元素样式比 css 文件中的样式具有更高的层次。

我需要做的是设置 element.style('width')='' 或多或少地删除它。

我说的对吗？有没有办法让 css 文件始终覆盖元素样式？

谢谢!

Answer 1

如果您在 css 文件中使用 !important 声明，它将覆盖任何内联样式。因此在下面的示例中，div 的宽度将为 400px。

.example {
    width:400px !important;
}

<div class="example" style="width:600px"></div>

但不确定您为什么允许用户修改宽度 - 似乎您总是会遇到不受欢迎的情况。但无论如何，这应该有效:)