jquery - 如何覆盖位于多个 css id 和类中的内联 !important

Question

我想覆盖存储在多个 css id 和类中的内联 !important。考虑以下场景:

<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", "");