Переопределяем стиль элемента, прописанный в HTML
Век живи — век учись. Народная мудрость в форме пословицы (или поговорки, всегда их путал).
До этих пор я считал, что стиль элемента, описанный непосредственно в HTML при помощи атрибута style, будет истиной в последней инстанции и переопределить его извне, из подключаемого css файла не удастся.
Обычно inline стили используются для тонкой настройки внешнего вида, описанного во внешнем CSS. Но иногда надо сделать обратный ход — избавиться от стиля, заданного в HTML. Простой пример — плохо разработанный сайт, особенно с закрытым или запутанным до невозможности кодом.
Оказывается, есть такая возможность.
<div style="background: red;">
Этот элемент должен быть красным всегда!
</div>
Если нам не очень подходят красные плашки, то можно сделать так:
div[style] {
background: yellow !important;
}
Осталось выяснить, какие браузеры этот фокус поддерживают.
Оставить комментарий