我很新,希望这不是一个愚蠢的问题,但我正在为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:
答案 0 :(得分:1)
在颜色声明后使用!important
...
color:#0eac17!important;
这是对!important
声明......
!important CSS Declarations: How and When to Use Them
如果您将其应用于a
,则还必须将其应用于a:hover