css - 覆盖 CSS 样式

Question

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

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

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

我不想更改第三方 css 文件，以防有一天我们使用 css 文件的更新版本并丢失我们的更改。我在 a 标签本身上添加了一个新的 CSS 类，并将我的新背景图像 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;}