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

时间:2015-11-15 20:09:45

标签: html css

我有一个博客 - 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

对此问题的任何帮助将不胜感激。提前谢谢。

IRAM

1 个答案:

答案 0 :(得分:1)

将a:hover的不透明度设置为1,该悬停特定于您不希望对其产生影响的链接。此外,请确保它在样式表中发生,以便不会被覆盖。