Как задать приоритет класса CSS выше класса передаваемого по API?

Question

[Kirill Shreer]

Приветствую,
У меня есть класс стиля с виджета встроенный в код HTML через API js:

#sw-app .sw-review-bottom {
	display: flex !important;
}

В стилях сайта значение:

#sw-app .sw-review-bottom {
	display: none !important;
}

Как сделать так чтобы стиль сайта был приоритетнее чем стиль передаваемый из виджета?

Comments

[Ankhena]

Очень постараюсь не комментировать увиденное.

Селектор одинаковый, специфичность одинаковая => победит тот, кто ниже в css.
Если скучно или боитесь, что будет скучно тому, кто после вас, можете повысить специфичность.

Answer 1

[alexalexes]

Добавьте "капельку" специфичности (тип div у класса sw-review-bottom, возможно блок имеет другой тип).

#sw-app div.sw-review-bottom {
  display: none !important;
}

Comments

[Kirill Shreer]

Спасибо!