一些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>
不确定为什么你允许用户修改宽度 - 似乎你总是陷入不利的境地。但无论如何,这应该有效:)