---
title: ':link'
slug: 'Web/CSS/:link'
translation_of: 'Web/CSS/:link'
---
<p>{{ CSSRef() }}</p>

<h2 id="总结">总结</h2>

<p><code>:link</code>伪类选择器是用来选中元素当中的链接。它将会选中所有尚未访问的链接，包括那些已经给定了其他伪类选择器的链接（例如{{cssxref(":hover")}}选择器，{{cssxref(":active")}}选择器，{{cssxref(":visited")}}选择器）。为了可以正确地渲染链接元素的样式，:link伪类选择器应当放在其他伪类选择器的前面，并且遵循LVHA的先后顺序，即：<code>:link</code> — <code>:visited</code> — <code>:hover</code> — <code>:active</code>。<code>:focus</code>伪类选择器常伴随在<code>:hover</code>伪类选择器左右，需要根据你想要实现的效果确定它们的顺序。</p>

<h2 id="例子">例子</h2>

<pre class="brush: css">a:link {color: slategray;}
.external:link {background-color: lightblue;}</pre>

<h2 id="规格详细">规格详细</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Specification</th>
   <th scope="col">Status</th>
   <th scope="col">Comment</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{ SpecName('HTML WHATWG', 'scripting.html#selector-link', ':link') }}</td>
   <td>{{ Spec2('HTML WHATWG') }}</td>
   <td></td>
  </tr>
  <tr>
   <td>{{ SpecName('CSS4 Selectors', '#link', ':link') }}</td>
   <td>{{ Spec2('CSS4 Selectors') }}</td>
   <td>无变化</td>
  </tr>
  <tr>
   <td>{{ SpecName('CSS3 Selectors', '#link', ':link') }}</td>
   <td>{{ Spec2('CSS3 Selectors') }}</td>
   <td>无变化.</td>
  </tr>
  <tr>
   <td>{{ SpecName('CSS2.1', 'selector.html#link-pseudo-classes', ':link') }}</td>
   <td>{{ Spec2('CSS2.1') }}</td>
   <td>提升严格性为仅限于a标签元素</td>
  </tr>
  <tr>
   <td>{{ SpecName('CSS1', '#anchor-pseudo-classes', ':link') }}</td>
   <td>{{ Spec2('CSS1') }}</td>
   <td>初次定义</td>
  </tr>
 </tbody>
</table>

<h2 id="Browser_compatibility" name="Browser_compatibility">浏览器支持</h2>

<div>


<p>{{Compat("css.selectors.link")}}</p>
</div>

<h2 id="See_also">See also</h2>

<ul>
 <li>{{ cssxref(":visited") }}, {{ cssxref(":hover") }}, {{ cssxref(":active") }}</li>
</ul>