css - 链接颜色没有改变

标签 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 更改链接的颜色。它在我的笔记本电脑上运行完美,但在实时运行时出现了这个问题。

请告诉我解决方案。

最佳答案

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

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

等等

关于css - 链接颜色没有改变,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22891812/

相关文章:

javascript - 制作一个容器以分布在所有窗口屏幕上

html - 当 Bootstrap 3 出现可折叠的汉堡按钮时,你如何手动调整?

css - 可以使用 flexbox 吗?输入在底部的聊天窗口,聊天向上滚动

jquery - 设置 jcarousel 元素的高度和宽度

css - 如何使只有一行列表比屏幕宽?

javascript - 放大/缩小与更改分辨率相同吗?

html - 使用显示内联 block 和相对位置集中 div

html - 如何修复数据表中 TH 和 TD 的宽度不相同?

css - 如何使元素填充剩余的视口(viewport)高度?

javascript - 如何在移动设备中显示模态框时停止背景滚动,仅使用 CSS 或 Javascript?