用 css 文件中的条件替换 html css 样式
我有这个问题，我不知道如何解决它。在我的项目中，许多html文件都为div定义了宽度样式，例如：
<div style="width:200px" id="boom">/*****/</div>
在css文件中，如果我放置如下条件：
`div#boom{width:auto !important;}`
将被忽略，因为样式是在html中为该div定义的，并且据我所知，html条件击败了css条件。 如何解决这个问题？我不想编辑所有 html 页面，因为这会花费很长时间。
I have this problem and I don't know how to fix it. In my project many html files have defined for div an width style, for example:
<div style="width:200px" id="boom">/*****/</div>
In css file if I put a condition like:
`div#boom{width:auto !important;}`
is ignored because style is defined in html for that div and from what I know html condition beat css condition.
How is possible to fix that? I don't want to edit all html pages because I would take a long time.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
你做错了什么。因为
!important使样式具有最高优先级，因此它始终使用width: auto;而不是内联 CSS。这是一个有效的例子：http://tinkerbin.com/wzrFiyaq
还有一个教程： http://css-tricks.com/override-inline-样式与 css/
You are doing something wrong. Because
!importantmakes the style the highest priority, so it always use thewidth: auto;and not the inline CSS.An live example that this works: http://tinkerbin.com/wzrFiyaq
And a tutorial: http://css-tricks.com/override-inline-styles-with-css/