CSS覆盖元素的现有样式

时间:2013-06-03 02:20:53

标签: html css hover

我的网页上有<A>标记的css样式。该标记的样式也为A:Hover编写。但我想单独删除它以获取特定标签。我可以在CSS中设置属性以使值没有变化。

让我们希望像这样

A:hover {
font-family:no-change;
}

或者有什么特别的方法可以避免单独使用A:tag该特定标签吗?

5 个答案:

答案 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*/
}

Demo

Documentation

Support

或者只是为“特定”锚标记提供悬停样式,以覆盖使用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>

Example on jsFiddle using colors

答案 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;
}