和之间有什么区别a,a:link我什么时候使用一个而不是另一个?
2610 次
2 回答
16
a:link专门针对未访问过的链接。a适用于所有<a>元素。
于 2012-04-28T03:26:45.983 回答
4
John Conde 的回答和评论很好地描述了选择器的含义,但为了解决所提出的问题,我认为我们需要添加这些:
选择器a:link比a. 当您考虑它时,这一点很明显,但在考虑适用于一个元素的几个 CSS 规则的效果时,它可能会被忽略。
如果您想在一般链接上设置属性(例如,链接的字体),如果您可以确保不出现没有属性的元素,则使用a是最简单的。(通常使用带有属性的元素设置链接的目的地,通常没有属性;更现代的方法是在任何合适的元素上使用该属性。)ahrefanamehrefid
但在大多数情况下,最好同时使用:link和:visited,以避免样式化a不是链接的元素的风险。然后,您将使用:link, :visited {...}设置所有链接的属性,:link {...}并:visited {...}分别为未访问的链接和已访问的链接设置属性(通常为它们设置不同的颜色)。
:link和之间的区别a:link,除了特异性之外,还:link包括被归类为链接的元素。虽然目前只有a元素可以创建链接,但这可能会在未来的 HTML 版本中改变。
于 2012-04-28T06:24:11.293 回答