Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/design-patterns/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
覆盖CSS样式_Css - Fatal编程技术网

覆盖CSS样式

覆盖CSS样式,css,Css,我在第三方CSS文件中有一个CSS: .gallery li > a{ background-image:url(images/loading.gif); } 我想覆盖它,以便使用不同的背景图像。我通过在标记本身上使用内联样式实现了这一点,这很有效,但我不喜欢内联样式 我不想更改第三方css文件,以防有一天我们使用更新版本的css文件而丢失更改。我在标签本身上添加了一个新的CSS类,并将我的新背景图像CSS放入与新CSS类关联的新CSS文件中。出于某种原因,这不起作用。有人知道怎

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

.gallery li > a{
    background-image:url(images/loading.gif);
}
我想覆盖它,以便使用不同的背景图像。我通过在标记本身上使用内联样式实现了这一点,这很有效,但我不喜欢内联样式

我不想更改第三方css文件,以防有一天我们使用更新版本的css文件而丢失更改。我在标签本身上添加了一个新的CSS类,并将我的新背景图像CSS放入与新CSS类关联的新CSS文件中。出于某种原因,这不起作用。有人知道怎么解决这个问题吗

谢谢


Sachin指定比旧css选择器优先级更高的css选择器应该会有所帮助

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

在新的CSS文件中创建自定义类,并使用此类,可能会对您有所帮助

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

您是否尝试过使用相同的选择器并在您之前加载第三方css,因此它会覆盖第三方css?对不起,相同的选择器是什么意思?我不知道我必须在另一个cSS之前加载我的cSS-我会尝试,谢谢。如果同一个选择器
.gallery li>出现一次后遇到它,它将被覆盖。archil的答案更为优雅,因为新CSS文件中的相关代码行是什么样子的?还有:新的CSS文件是在另一个文件之后加载的吗?我试着在之前和之后加载新文件-两种方法都不起作用。新文件仅包含以下内容:.gallery li>a.documentLink{background image:url(/Content/css/img/Document icon.png);}或者(例如,如果您没有自定义类)放置
!重要信息
在规范中的每个属性后面。看,我试着用了重要的,但也没用。顺便说一下,阿齐尔。我试过了,但没用。我做错什么了吗?我能把它寄给你吗?我想你可以试试这个重要的,你是这样尝试的吗?