Chatango将我的自定义CSS链接变为蓝色

时间:2014-05-12 11:08:26

标签: html css hyperlink

我很新,希望这不是一个愚蠢的问题,但我正在为chatango做一个布局,我已经编辑了我的CSS等等,但是当我把它放在chatango上时,链接变成蓝色而不是CSS说我搜索了谷歌,但似乎无法找到问题:

a {
    text-decoration: none;
    color:#0eac17;}
    a:hover {
    text-decoration: none;
    color: #7ff900;
    background-color:#222222;
    text-transform:uppercase;
    border-bottom-width:2px;
    border-bottom-style:solid;
    border-bottom-color:#1faf29;}
    a.navigation:link {
    color : #b27c98;
    letter-spacing: 5px;
    display : block;
    height:20px;
    font-size:14px;
    width: 150px;
    text-align: center;
    background-color: #333333;
    font-family: Times new Roman;
    padding: 0px 0px 0px 10px;
    line-height:20px;
    margin: 12px 0px 2px 1px;}
    a.nav:visited {
    color : #b27c98;
    letter-spacing: 5px;
    display : block;
    height:20px;
    font-size:14px;
    width: 150px;
    text-align: center;
    background-color: #333333;
    font-family: Times new Roman;
    padding: 0px 0px 0px 10px;
    line-height:20px;
    margin: 12px 0px 2px 1px;}
    a.nav:active {
    color : #b27c98;
    letter-spacing: 5px;
    display : block;
    height:20px;
    font-size:14px;
    width: 150px;
    text-align: center;
    background-color: #333333;
    font-family: Times new Roman;
    padding: 0px 0px 0px 10px;
    line-height:20px;
    margin: 12px 0px 2px 1px;}
    a.navigation:hover {
    color : #7ff900;
    background-color: #222222;
    width: 150px;
    text-transform:uppercase;
    border-bottom-width:2px;
    border-bottom-style:solid;
    border-bottom-color:#1faf29;}

以下是jsfiddle:http://jsfiddle.net/RgAAX/3/ 以下是chatango将其转换为:http://prntscr.com/3ihxgc

这个问题似乎同时出现在ff和chrome以及其他问题上,但我还没有尝试过任何其他问题 编辑:建议!重要;修复了链接问题非常感谢c:

1 个答案:

答案 0 :(得分:1)

在颜色声明后使用!important ...

color:#0eac17!important;

这是对!important声明......

的一个很好的介绍

!important CSS Declarations: How and When to Use Them

如果您将其应用于a,则还必须将其应用于a:hover