Как переопределить встроенный CSS без использования! Important или javascript?

Есть ли способ переопределить встроенный CSS без использования !important и без использования JavaScript?

Например:

<div style="background-color: red;"></div>

Мне было интересно, можно ли его переопределить без:

div {
    background-color: blue !important;
}

Ответ 1

Нет, встроенный стиль имеет приоритет, вы можете переопределить его только с помощью !important.

Ответ 2

Я боюсь, что важное предложение специально создано как решение для этого. Было бы нецелесообразно, чтобы CSS выполнял разные степени приоритета, кроме используемого в настоящее время style block < inline < !important priority.