覆盖CSS样式

Question

我在第三方css文件中有一个CSS：

.gallery li > a{
    background-image:url(images/loading.gif);
}

我想覆盖它，以便使用不同的背景图像。我已经通过在标签本身上使用内联样式来实现这一点，这可行，但我不喜欢内联样式。

如果我们有一天使用css文件的更新版本并丢失我们的更改，我不想更改第三方css文件。我在a标签上添加了一个新的CSS类，并将我的新background-image css放在与新css类关联的新css文件中。出于某种原因，这不起作用。任何人都知道如何解决这个问题？

谢谢，

萨钦

Answer 1

指定比旧版本更高优先级的css选择器应该有帮助

.gallery li > a.my-custom-class {
    background-image:url(myCustomImage);
}

Answer 2

在新的CSS文件中创建自定义类，并使用它可能会帮助您

.myClass {background-image:(image/path.png) !important;}