css - 我需要指定每个链接颜色状态吗？

Question

我正在使用以下伪类:

a.recentposttitle:link,a.recentposttitle:visited {color:#000;}
a.recentposttitle:hover {color:#56A49F;}
a.recentposttitle:active {color:#000;}

我需要那么明确还是有更压缩的方式来获得相同的结果？

Answer 1

不，没有速记。但是您的选择器可以是:

a {}

选择所有链接，或者:

.recentposttitle {}

获取所有 .recentposttitle 元素(我们知道它们已经是链接)。

---

还有一点，:link 并不是真的需要，你可以这样写:

a {}
a:visited {}
a:hover {}
a:active {}

当您编写 {} 时，您将为所有可能的情况设置声明，因此:

a {}

等同于:

a:link, a:visited, a:hover, a:active {}

• 记住，伪类的顺序很重要:
  • :l墨水
  • :v访问过
  • :h结束
  • :一个活跃的
• 或者只记住LoVe HAte。