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

另一种方法是在!important属性上使用background，但这是不好的做法，因为它会在以后更难以覆盖该属性。只有在没有其他选择时才使用!important。

Answer 2

因为.btn .btn-dark覆盖了.saved的风格

更新了Fiddle

在我的情况下，AddClass没有正确应用

2 个答案: