css 的重点是什么：link答案

【问题标题】：css what's the whole point of :linkcss 的重点是什么：link
【发布时间】：2011-04-26 12:36:10
【问题描述】：

:link 的全部意义是什么？我的意思是当我们可以简单地将样式应用于 a 时，将样式应用于 a:link 有什么意义？

【问题讨论】：

见w3.org/TR/CSS2/selector.html#link-pseudo-classes
可能重复stackoverflow.com/questions/1922643/…

标签： css

【解决方案1】：

它引用未访问的链接。 a { } 做同样的事情，但你也可以设置 a:visited、a:active、a:hover。所以它只是另一种设置锚标记状态的方式。这是一个有效的 jsfiddle，您可以看到其中的区别。

http://jsfiddle.net/keroger2k/wfP2U/

【讨论】：

也适用于没有 href 的锚点——见来源：dl.dropbox.com/u/3358149/alink.htm

【解决方案2】：

:link 只选择未访问的链接。所以，在通常情况下，:link 是排中的，并且会继承 a 的任何样式是正确的。

还要注意，您也可以通过设置:link、:hover 和:active 的样式来做同样的事情，而a 只会影响访问过的链接。未访问的链接没有理由比其他类型的链接更重要或更不重要。

但是，假设您只是想让未访问的链接具有黄色背景，出于某种原因，但未访问、悬停和活动链接。你更愿意做什么？

a { background-color: yellow; }
a:visited { background-color: transparent; }
a:hover { background-color: transparent; }
a:active { background-color: transparent; }

或者

a:link { background-color: yellow; }

CSS 设计者不想限制任何人做这样的事情，因此定义了:link。

【讨论】：

【解决方案3】：

除了:link 只匹配未访问的链接，一些<a> 元素根本不是链接。考虑没有href 属性的<a name="something">。

【讨论】：