Переопределяем стиль элемента, прописанный в HTML

Век живи — век учись. Народная мудрость в форме пословицы (или поговорки, всегда их путал).

До этих пор я считал, что стиль элемента, описанный непосредственно в HTML при помощи атрибута style, будет истиной в последней инстанции и переопределить его извне, из подключаемого css файла не удастся.

Обычно inline стили используются для тонкой настройки внешнего вида, описанного во внешнем CSS. Но иногда надо сделать обратный ход — избавиться от стиля, заданного в HTML. Простой пример — плохо разработанный сайт, особенно с закрытым или запутанным до невозможности кодом.

Оказывается, есть такая возможность.

<div style="background: red;">
    Этот элемент должен быть красным всегда!
</div>

Если нам не очень подходят красные плашки, то можно сделать так:

div[style] {
   background: yellow !important;
}

Осталось выяснить, какие браузеры этот фокус поддерживают.