Question

所以我有一些CSS将页面上的特定链接更改为不同的颜色（默认链接颜色与文本所在的背景颜色相同，使其不可见）。

.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中查看时实际工作的唯一部分，其余部分只是转到我设置的默认链接样式）。谁知道为什么？谢谢！

Answer 1

你拼写而不是访问过。
如果.scroll是链接的类，则不需要放置它们 a：链接...你可以把.scroll：link或.scroll：hover。

Answer 2

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

.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

更改Chrome中无法使用的单一链接样式

2 个答案: