Переопределение inline стилей с помощью селектора атрибута

При использовании CMS, например, WordPress, достаточно часто возникает необходимость переопределить inline (встроенные) стили элементов. Ввиду того, что встроенные стили имеют больший приоритет чем стили прописанные во внешней таблице стилей, переопределить их, придать большей специфичности, не всегда просто.

Так, скажем, для такого стиля элемента img:

<img src="example.png" style="border: 1px solid gold;" />

Переопределение во внешней таблице стилей будет выглядеть так:

img[style] {
     border: none !important; 
}

Здесь используется селектор атрибута style, его использование — один из способов придать большей специфичности стилям указываемым во внешней таблице стилей.

Источники:
w3.org/TR/CSS2/selector.html#attribute-selectors
w3.org/TR/CSS2/cascade.html#important-rules
wp-mix.com/override-inline-css-styles

Опубликовано

Обратите внимание на предыдущие записи: