a
和a:link
之间的区别是什么?我何时使用其中一个?
答案 0 :(得分:15)
a:link
专门针对尚未访问过的链接。 a
适用于所有<a>
元素。
答案 1 :(得分:4)
John Conde对它的回答和评论很好地描述了选择者的意义,但是为了解决问题,我认为我们需要添加这些:
选择器a:link
比a
更具体。当您考虑它时,这很明显,但在考虑适用于元素的几个CSS规则的效果时可能会错过它。
如果您想在链接上设置属性(例如,链接的字体),使用a
最简单如果,您可以确保a
元素没有href
属性不会出现。 (通常使用带有a
属性的name
元素设置链接的目的地,通常没有href
属性;更现代的方法是使用id
属性在任何合适的元素上。)
但在大多数情况下,最好同时使用:link
和:visited
,以避免样式化a
非链接元素的风险。然后,您可以使用:link, :visited {...}
为所有链接设置属性,并:link {...}
和:visited {...}
分别设置未访问链接和访问链接的属性(通常为它们设置不同的颜色)。
除了特异性之外,:link
和a:link
之间的区别在于:link
涵盖了被归类为链接的元素。虽然目前只有a
个元素可以创建链接,但这可能会在将来的HTML版本中发生变化。