Как игнорировать inline стили в HTML-файле?

Question

[trase8]

Инлайновый стиль имеет самый высокий приоритет:

<div id = 'tag-id' style = 'display: block;'> content </div>

#tag-id{
display: none;
}

Выполнится block. Как сделать так, чтобы выполнился none? !important не помогает. Есть ли способ обойти это без вырезки инлайновых стилей?

Comments

[Сергей delphinpro]

css-live.ru/articles-css/up-the-cascade-css-superh...

Новый порядок важности
Вот как распределяются источники значений CSS-свойств по приоритетности на сегодня (чем выше — тем приоритетнее):

1. Стили, установленные переходами (CSS Transitions)
   
2. Браузерные стили с !important
   
3. Пользовательские стили с !important
   
4. Стили с !important из атрибута style Перекрывающие стили (что бы это ни значило) с !important
   
5. Обычные стили с !important (включая инлайновые, у которых наивысшая специфичность)
   
6. Стили, установленные анимациями (CSS Keyframe Animations)
   
7. Стили без !important из атрибута style Перекрывающие стили без !important
   
8. Обычные стили без !important (включая инлайновые)
   
9. Пользовательские стили без !important
   
10. Браузерные стили без !important
    

Answer 1

[twobomb]

У меня работает все нормально.

#tag-id{
display: none !important;
}

Answer 2

[sergey]

important помогает

#tag-id{
	display: none!important;
}