jquery - AddClass 在我的案例中没有正确应用

Question

我使用 addClass 添加 .saved，类被添加了

.saved{
    text-align: left !important;
    background: #000 url('http://i.imgur.com/M9cySTa.png') no-repeat;
    background-size: 16px;
    background-position: 87% 8px;
    padding-left: 16px !important;
}

奇怪的是背景属性不起作用。在这里查看我的演示 http://jsfiddle.net/k87zp2gj/据说 img 会在添加 .saved 后出来。

Answer 1

您需要使选择器具有更高的优先级，以便其规则覆盖该元素之前设置的所有规则:

.btn.saved {
    text-align: left !important;
    background: #000 url('http://i.imgur.com/M9cySTa.png') no-repeat;
    background-size: 16px;
    background-position: 87% 8px;
    padding-left: 16px !important;
}

Updated fiddle

另一种方法是在 background 属性上使用 !important，但这是一种不好的做法，因为它会使日后覆盖该属性变得更加困难。仅在别无选择时使用 !important。