Как переопределить встроенный! Важный, расположенный внутри нескольких идентификаторов и классов CSS

Question

Я хочу переопределить inline! Важный, хранящийся в нескольких идентификаторах и классах css.Рассмотрим следующий сценарий:

<div class="A">
    <div class="B">
        <div class="C">
            <div id="D" class="column left">Swing Over Bed</div>
                <div class="row" style="background: blue !important;">650mm</div>
                <div class="column left">Swing In Gap</div>
                <div class="column right">800mm</div>
        </div>
    </div>
</div>

Я искал вокруг и обнаружил, что одним из возможных решений является jQuery.Но это не сработало для моих нужд:

 $(".row").attr("style", "red !important;");

Answer 1

истинный код jquery:

$("div.row").attr("style", "color:red !important");

также, этот код сбрасывает встроенный стиль.

$("div.row").attr("style", "");