Заменить стиль HTML CSS с условием из файла CSS

Question

У меня есть эта проблема, и я не знаю, как ее исправить.В моем проекте многие html-файлы определили для div ширину стиля, например:

<div style="width:200px" id="boom">/*****/</div>

В файле CSS, если я поставил условие вроде:

`div#boom{width:auto !important;}`

игнорируется, потому что стильопределенный в html для этого div и из того, что я знаю, условие html превосходит условие css.Как это можно исправить?Я не хочу редактировать все HTML-страницы, потому что это заняло бы много времени.

Answer 1

Вы делаете что-то не так.Поскольку !important делает стиль наивысшим приоритетом, поэтому он всегда использует width: auto;, а не встроенный CSS.

Живой пример того, как это работает: http://tinkerbin.com/wzrFiyaq
И учебник: http://css -tricks.com / override-inline-styles-with-css /

Answer 2

div[style] {
   width:auto !important;
   }​