9

和之间有什么区别aa:link我什么时候使用一个而不是另一个?

4

2 回答 2

16

a:link专门针对未访问过的链接。a适用于所有<a>元素。

于 2012-04-28T03:26:45.983 回答
4

John Conde 的回答和评论很好地描述了选择器的含义,但为了解决所提出的问题,我认为我们需要添加这些:

选择器a:linka. 当您考虑它时,这一点很明显,但在考虑适用于一个元素的几个 CSS 规则的效果时,它可能会被忽略。

如果您想在一般链接上设置属性(例如,链接的字体),如果您可以确保不出现没有属性的元素,则使用a是最简单的。(通常使用带有属性的元素设置链接的目的地,通常没有属性;更现代的方法是在任何合适的元素上使用该属性。)ahrefanamehrefid

但在大多数情况下,最好同时使用:link:visited,以避免样式化a不是链接的元素的风险。然后,您将使用:link, :visited {...}设置所有链接的属性,:link {...}:visited {...}分别为未访问的链接和已访问的链接设置属性(通常为它们设置不同的颜色)。

:link和之间的区别a:link,除了特异性之外,还:link包括被归类为链接的元素。虽然目前只有a元素可以创建链接,但这可能会在未来的 HTML 版本中改变。

于 2012-04-28T06:24:11.293 回答