2012-05-01 70 views
0

我有一个第三方的CSS文件中的CSS:重写CSS样式

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

我想,这样一个不同的背景图像代替覆盖它。我已经通过在标签本身上使用内联样式实现了这一点,并且这可行,但我不喜欢内联样式。

我不想更改第三方css文件,以防我们有一天使用更新版本的css文件并丢失我们的更改。我在a标签上添加了一个新的CSS类,并将新的background-image css放入与新css类关联的新css文件中。出于某种原因,这是行不通的。任何人有任何想法如何解决这个问题?

感谢,

萨钦

+1

你有没有尝试使用相同的选择器和加载第三方的CSS在你的之前,s它覆盖了第三方的CSS? –

+0

对不起,你是同一个选择器是什么意思?我不知道我必须在另一个之前加载我的cSS - 我会尽力谢谢。 –

+1

如果在它出现一次后遇到相同的选择器'.gallery li> a',它将被覆盖。 archil的答案虽然更优雅 –

回答

1

指定更高的优先级CSS选择比旧的要帮助

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

或者(或者如果你没有自定义类),在规范中的每个属性后面放置一个'!important'。见http://www.w3.org/TR/CSS21/cascade.html#important-rules – s1lence

+0

我尝试使用重要的,但也没有工作。顺便一提。我试过这个,它不起作用。难道我做错了什么? –

+1

向我们展示您的html标记和新的css – archil

1

开创全省自定义类在新的CSS文件,并用这一个可以对大家有所帮助你

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

我认为你可以尝试这个重要的,你是否尝试过这样吗? – Chandrakant