我正在创建一个导航菜单,其中包含不同颜色的单词(href
链接)。我希望颜色在任何状态下都不会改变(悬停,访问等)。
我知道如何为不同状态设置颜色,但是我想知道代码仅保留文本颜色(以及其他任何样式/格式)。
有什么建议?
我正在创建一个导航菜单,其中包含不同颜色的单词(href
链接)。我希望颜色在任何状态下都不会改变(悬停,访问等)。
我知道如何为不同状态设置颜色,但是我想知道代码仅保留文本颜色(以及其他任何样式/格式)。
有什么建议?
Answers:
你可以简单地定义样式的链接,这将覆盖a:hover
,a:visited
等:
a {
color: blue;
text-decoration: none; /* no underline */
}
inherit
如果要使用父样式的属性,也可以使用该值:
body {
color: blue;
}
a {
color: inherit; /* blue colors for links too */
text-decoration: inherit; /* no underline */
}
initial
当您想将CSS重置为默认样式时,它也很有用。这在链接中
inherit
!
inherit
不工作只在anciet浏览器和Internet Explorer或有在流行的浏览器(Chrome浏览器,火狐)太困难?
就像克里斯在我面前说的那样,一个a
应该优先。例如:
a { color:red; }
a:hover { color:blue; }
.nav a { color:green; }
在这种情况下,.nav a
它将始终为绿色,:hover不适用于它。
如果还有其他影响它的规则,则可以使用!important
,但不可以。掉进去是个坏习惯。
.nav a { color:green !important; } /*I'm a bad person and shouldn't use !important */
然后,它将始终为绿色,与其他任何规则无关。
a
以防止对其:hover
(或其他样式)进行任何更改:visited
。您建议一个实际的解决方案,而不是鸡巴打扰所有三个答案,怎么样?
inherit
关键字。不幸的是,它没有100%的支持。