С помощью чего переопределить inline-style

«С помощью чего переопределить inline-style» — вопрос из категории CSS, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

Для переопределения inline-стилей (style="") можно использовать:

  1. !important — но это считается плохой практикой:
.my-class {
  color: red !important;
}
  1. JavaScript — напрямую изменя element.style:
element.style.color = 'blue';
  1. Более специфичные селекторы (если возможно):
div[style] {
  color: green !important;
}

Лучший подход — избегать inline-стилей, но если нужно переопределить, !important или JS — основные варианты.