一些CSS忍者可以验证我的思维过程是对还是错。
我有一个带有媒体查询设置css的项目，具体取决于设备是横向还是纵向。如果我的css将元素的宽度设置为500px并且我将该宽度修改为600px，则会修改元素样式。
当设备更改方向时 - 无论我的css文件设置如何，元素样式都保持在600px。因为元素样式的层次结构高于css文件中的样式。
我需要做的是将element.style（'width'）=''设置为或多或少擦除它。
我是对的吗？有没有办法让css文件始终覆盖元素样式？
谢谢！
答案 0 :(得分：3)
如果在css文件中使用！important声明，它将覆盖任何内联样式。所以在下面的例子中，div的宽度将是400px。
.example {
width:400px !important;
}
<div class="example" style="width:600px"></div>
不确定为什么你允许用户修改宽度 - 似乎你总是陷入不利的境地。但无论如何，这应该有效：）