html - 如何避免某些 CSS 编码/命令覆盖现有自定义

Question

我有一个博客 - http://www.blankesque.com .我已将以下 css 编码应用于博客上的所有链接。

a:hover {
font-weight: bold;
opacity: 0.6;
filter: alpha(opacity=60);
text-decoration: none;
}

通过这段代码，我希望链接的颜色在光标悬停时略有变化，它确实做到了。然而，我的问题是此命令/编码已应用于我博客中的所有链接，包括我不是特别想要此功能的链接。有两个链接，我希望字体颜色保持在#333333 并且不使不透明度:0.6 生效。这些特定链接的编码如下:

.jump-link a:hover {
background: #fdfdfd;
border: 1px solid #fdfdfd;
}

a.button:hover {
background: #fdfdfd;
border: 1px solid #fdfdfd;
text-decoration: none!important;
}

我曾尝试使用以下命令覆盖编码，但没有一个起作用。

color: #333333!important
font-color:#333333!important
font:#333333!important

如果您对此问题有任何帮助，我们将不胜感激。提前谢谢你。

伊朗

Answer 1

将 a:hover 的不透明度设置为 1，该链接特定于您不想对其产生影响的链接。另外，请确保它随后出现在样式表中，以免被覆盖。