a vs a:link,有什么区别?

Jit*_*yas 30 css anchor css-selectors pseudo-class

a {...}和之间有什么区别a:link{...}

它们之间有不同的用法和好处吗?

San*_*ken 34

W3C说 a:link,没有访问,a:visited是访问,只a适用于两者.

  • 这是不正确的:`a:link`用于链接(具有`href`)属性的锚标记.`a`影响所有锚标签.(参见,例如,http://jsbin.com/uxuyum/1/) (7认同)
  • @futuraprime也不是这样.更正确的说法是:链接仅适用于具有href属性且未访问,活动或悬停的锚标记.这非常重要,因为它意味着一旦链接被访问,悬停或处于活动状态,应用了:链接的样式不再适用. (2认同)
  • 不,链接样式将继续应用于悬停/访问的(至少在Chrome中是这样的):http://jsbin.com/uxuyum/3-如果将鼠标悬停在链接上,它将保留在sans-serif中。与:hover等具有相同的优先级。 (2认同)

Ski*_*ick 13

a涵盖所有基地.a:link仅在un- visited,un- hover和in-中的链接时使用active.

因此,使用a的东西像FONT-FAMILY(如果你想链接来在不同的字体),然后使用link为标准格式,并且visited,hoveractive对"特殊效果".

编辑:阅读完Sander的W3C链接后,我可以看到我没有完全正确.a:link将级联到,a:hover并且a:active,即a:link动态伪类不会覆盖的任何内容也将适用于它们.


Sha*_*ard 6

a:link基本上只影响具有 href 属性的链接(如果 a:visited、a:hover 或 a:active 不适用)......我注意到差异的主要情况是a:link不会影响命名锚点,a会。此外,a如果没有其他伪类被定义,则是默认样式。

<a name="Section1">Section 1</a>
Run Code Online (Sandbox Code Playgroud)