“a”和“a:link”之间的区别

时间:2012-04-28 03:24:53

标签: css css-selectors

aa:link之间的区别是什么?我何时使用其中一个?

2 个答案:

答案 0 :(得分:15)

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

答案 1 :(得分:4)

John Conde对它的回答和评论很好地描述了选择者的意义,但是为了解决问题,我认为我们需要添加这些:

选择器a:linka更具体。当您考虑它时,这很明显,但在考虑适用于元素的几个CSS规则的效果时可能会错过它。

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

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

除了特异性之外,:linka:link之间的区别在于:link涵盖了被归类为链接的元素。虽然目前只有a个元素可以创建链接,但这可能会在将来的HTML版本中发生变化。