覆盖父CSS属性
我有这个CSS:覆盖父CSS属性,css,inheritance,Css,Inheritance,我有这个CSS: a:hover { background-color:#D1E1EA; color:#19558D; text-decoration:none; } 我的应用程序中的所有链接。然而,在一个特定的链接上,我想取消所有的悬停行为。我该怎么做 请注意,这并不像为特定链接重新定义这些属性那么简单,因为特定链接的颜色会发生变化,因此我不能只选择一种背景色。,我不完全确定覆盖的意思,但可以尝试将背景色设置为透明,所以您没有指定特定的颜色 a:hover.moreSpecifi
a:hover {
background-color:#D1E1EA;
color:#19558D;
text-decoration:none;
}
我的应用程序中的所有链接。然而,在一个特定的链接上,我想取消所有的悬停行为。我该怎么做
请注意,这并不像为特定链接重新定义这些属性那么简单,因为特定链接的颜色会发生变化,因此我不能只选择一种背景色
。,我不完全确定覆盖的意思,但可以尝试将背景色设置为透明,所以您没有指定特定的颜色
a:hover.moreSpecific{
background-color: transparent;
}
我之前发布了一条评论,说您不能这样做,但是css3中有一个
:not()
选择器可以这样做。在IE<9的情况下,它就是不起作用。我认为你必须使用JS在IE中实现
a:hover:not(#specific_link) {
background-color:#D1E1EA;
color:#19558D;
text-decoration:none;
}
大多数(全部?)CSS属性允许您从父元素继承:
a:hover.special {
background: transparent;
color: inherit;
text-decoration: inherit;
}
我不明白你问题的标题。@BoltClock-我甚至不明白问题的主体。我认为他不能设置一个特定的背景颜色…他说有一个父CSS文件修改锚定标记的悬停选择器,主体中有3行(如图所示),他不希望这种情况发生在继承的CSS文件中;特别是,他希望显示的特定行为不会发生。值得注意的是,除了IE<8中的方向和可见性之外,您不能在任何事情上使用继承
。说得对。无论如何,您的CSS3方法更干净(并且可以在IE6-8中使用类似selectivizr.js的东西)。