我的网页上有<A>
标记的css样式。该标记的样式也为A:Hover
编写。但我想单独删除它以获取特定标签。我可以在CSS中设置属性以使值没有变化。
让我们希望像这样
A:hover {
font-family:no-change;
}
或者有什么特别的方法可以避免单独使用A:tag
该特定标签吗?
答案 0 :(得分:5)
我通常不喜欢使用!在不需要使用的地方。
在这种情况下,您可以使用<a>
标记的常规样式
a:hover {
font-family: 'Some weird font';
}
然后在标记上设置一个类或ID或某些内容,以使用inherit
来阻止字体更改
a.special:hover {
font-family: inherit;
}
这是font-family
属性的默认值,基本上是说“将此元素视为没有自己的风格 - 只需从父级中抓取它就像正常一样”
答案 1 :(得分:3)
如果您的“特定”锚标记具有类或ID,则可以使用:not
伪类
a:not(.exemptedSelector):hover {
/*Your style goes here*/
}
或者只是为“特定”锚标记提供悬停样式,以覆盖使用A
标记提供的样式。
.exemptedSelector:hover
{
/*Your style goes here*/
}
答案 2 :(得分:0)
提及该特定a
的字体名称,并将!important
附加到其中。喜欢:
font-family:Arial !important;
或者,使用悬停样式创建一个类(例如.special
)并将其用于特定的a
:
.special:hover
{
font-family:Arial;
}
我喜欢PSL的解决方案。
答案 3 :(得分:0)
您可以设置style
属性并设置font-family
的值以覆盖css
所说的内容。
<a style="font-family: arial"></a>
答案 4 :(得分:0)
给你的锚一个类,否则这将影响所有锚:
HTML:
<a href="#" class="link_class">the link</a>
<a href="#" >other link</a>
<a href="#" >other link</a>
<a href="#" >other link</a>
CSS:
.link_class:hover{
font-family: 'default_font_family' !important;
}
如果你想申请所有的锚点,那么:
CSS(不要使用大写字母):
a:hover{
font-family: 'default_font_family' !important;
}