链接颜色没有变化

时间:2014-04-06 08:46:25

标签: css

我的链接颜色有问题。那是我给出了这些css属性:

#profiletabs ul li a:link,a:visited {
display: block;
font-weight: bold;
color: #FFFFFF;
text-align: center;
padding: 7px 5px;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
}
#profiletabs ul li a:hover,a:active {
background: -webkit-linear-gradient( #5dcb03,#65de03);
background-color: #5dcb03;
}


#tablist li .activelink {
 color: #5dcb03;
background: #f5f5f5;
border-top: 1px solid #028ec6;
}
#tablist li .activelink:hover
{
background:#f5f5f5;
}

这应该是这样的:

enter image description here

但它看起来像这样:

enter image description here

我正在使用jQuery更改链接的颜色。它完全在我的笔记本电脑上运行,但在现场运行时,这个问题正在发生。

请告诉我解决方案。

1 个答案:

答案 0 :(得分:2)

使用. css选项时,必须使用与第一个相同的选择器字符串

#profiletabs ul li a:link, #profiletabs ul li a:linka:visited {
display: block;
font-weight: bold;
color: #FFFFFF;
text-align: center;
padding: 7px 5px;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
}
#profiletabs ul li a:hover, #profiletabs ul li a:active {
background: -webkit-linear-gradient( #5dcb03,#65de03);
background-color: #5dcb03;
}

等等