更改单一链接风格在Chrome中不起作用

所以我有这一点CSS来将页面上的特定链接更改为不同的颜色（默认链接颜色与文本所在的位置是相同的背景颜色，无形）。更改单一链接风格在Chrome中不起作用

.scroll a:link { 
    text-decoration: underline; 
    color: #5a4a31; 
} 

.scroll a:hover { 
    text-decoration: underline; 
    color: #5a4a31; 
} 

.scroll a:visisted { 
    text-decoration: underline; 
    color: #5a4a31; 
} 

.scroll a:active { 
    text-decoration: underline; 
    color: #5a4a31; 
}

在每个浏览器而Chrome其中一期工程（“悬停”是实际工作中使用Chrome浏览的时候，剩下的只是去我已经设置了默认的链接样式的唯一部分）。有人知道为什么谢谢！！

来源

2016-04-22 lobstrosity

错误拼写 '参观'。 –

@AndyHoffman很好的接收，谢谢，但仍然无法在Chrome中工作！ – lobstrosity

看看我的答案。在Chrome中进行测试。你需要使用LVHA（爱/恨）排序。 –

如果您要为链接的每个状态设置样式，您应该执行此操作的顺序是LVHA（链接，访问，悬停，活动）。另外，你拼错'拜访'。

.scroll a:link { 
    text-decoration: underline; 
    color: red; 
} 

.scroll a:visited { 
    text-decoration: underline; 
    color: green; 
} 

.scroll a:hover { 
    text-decoration: underline; 
    color: blue; 
} 

.scroll a:active { 
    text-decoration: underline; 
    color: orange; 
}

您可以重构一点：

.scroll a { 
    text-decoration: underline; 
} 

.scroll a:link { /* color: blah; */ } 
.scroll a:visited { /* color: blah; */ } 
.scroll a:hover { /* color: blah; */ } 
.scroll a:active { /* color: blah; */ }

http://codepen.io/antibland/pen/WwKzdN

来源

2016-04-22 21:57:05

谢谢，在这两个方面！ – lobstrosity

您拼写而不是访问。
如果.scroll是链接的类别比他们不需要放置 a：链接...您可以放置.scroll：link或.scroll：hover。

来源

2016-04-22 21:55:22 ShroudKing

更改单一链接风格在Chrome中不起作用

回答

相关问题