html - CSS 覆盖元素的现有样式

Question

我有一个带有 css 样式的网页作为<A>标签。该样式也是A:Hover为该标签编写的。但我想单独为特定标签删除它。我可以在 CSS 中设置一个属性以使其值不变。

让我们这样希望

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

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

score 5 · Accepted Answer

我通常不喜欢在不需要使用的地方使用 !important。

在这种情况下，您可以使用<a>标签的一般样式

a:hover {
  font-family: 'Some weird font';
}

然后在你想要表现不同的标签上设置一个类或id或类似的东西，并使用它inherit来防止字体改变

a.special:hover {
  font-family: inherit;
}

这是该font-family属性的默认值，基本上是说“将此元素视为没有自己的样式 - 就像正常一样从父级获取它”

score 3 · Accepted Answer

如果您的“特定”锚标签有一个类或 id，您可以使用:not伪类

a:not(.exemptedSelector):hover {  
 /*Your style goes here*/
}

或者只是为您的“特定”锚标签提供悬停样式以覆盖使用A标签提供的样式。

.exemptedSelector:hover
{
/*Your style goes here*/
}

score 0 · Accepted Answer

您可以设置style属性并设置的值font-family来覆盖所说的内容css。

<a style="font-family: arial"></a>

score 0 · Accepted Answer

给你的主播上课，否则这将影响所有主播：

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

score 0 · Accepted Answer

提及该特定字体的字体名称a并附!important加到它。喜欢：

font-family:Arial !important;

或者，创建一个.special具有悬停样式的类（例如）并将其用于特定的a：

.special:hover
{
    font-family:Arial;
}

不过我喜欢 PSL 的解决方案。

5 回答 5