覆盖CSS样式
我在第三方CSS文件中有一个CSS:覆盖CSS样式,css,Css,我在第三方CSS文件中有一个CSS: .gallery li > a{ background-image:url(images/loading.gif); } 我想覆盖它,以便使用不同的背景图像。我通过在标记本身上使用内联样式实现了这一点,这很有效,但我不喜欢内联样式 我不想更改第三方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);}或者(例如,如果您没有自定义类)放置!重要信息
在规范中的每个属性后面。看,我试着用了重要的,但也没用。顺便说一下,阿齐尔。我试过了,但没用。我做错什么了吗?我能把它寄给你吗?我想你可以试试这个重要的,你是这样尝试的吗?