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

<h2 id="Podsumowanie"><span id="result_box" lang="pl"><span>Podsumowanie</span></span></h2>

<p>Pseudo-klasa :link pozwala wybrać linki wewnątrz elementów. Dzięki niej możesz wybrać każdy link, który nie został jeszcze odwiedzony, nawet taki, który ma już nadane wartości za pomocą innych pseudo-klas, takich jak: {{ cssxref(":hover") }}, {{ cssxref(":active") }} lub {{ cssxref(":visited") }}. W celu odpowiedniej stylizacji linków musisz wstawić pseudo-klasę :link na początku, według kolejności LVHA:<code> :link</code> — <code>:visited</code> — <code>:hover</code> — <code>:active</code>. Pseudo-klasa {{ cssxref(":focus") }} jest zazwyczaj ustawiana przed lub po pseudo-klasie <code>:hover</code> (w zależności od oczekiwanego efektu).</p>

<h2 id="Składnia">Składnia</h2>

{{csssyntax}}

<h2 id="Przykłady">Przykłady</h2>

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

<h2 id="Specyfikacje">Specyfikacje</h2>

<ul>
 <li><a href="https://html.spec.whatwg.org/multipage/scripting.html#selector-link">WHATWG HTML Living Standard</a></li>
 <li><a href="https://drafts.csswg.org/selectors-4/#link">Selectors Level 4</a></li>
 <li><a href="https://drafts.csswg.org/selectors-3/#link">Selectors Level 3</a></li>
 <li><a href="https://www.w3.org/TR/CSS2/selector.html#link-pseudo-classes">CSS Level 2 (Revision 1)</a></li>
 <li><a href="https://www.w3.org/TR/CSS1/#anchor-pseudo-classes">CSS Level 1</a></li>
</ul>

<h2 id="Browser_compatibility" name="Browser_compatibility">Kompatybilność z przeglądarkami</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <td><strong>Przeglądarka </strong></td>
   <td><strong>Najniższa wersja </strong></td>
  </tr>
  <tr>
   <td>Chrome</td>
   <td>4.0</td>
  </tr>
  <tr>
   <td>Edge</td>
   <td>7.0</td>
  </tr>
  <tr>
   <td>Firefox</td>
   <td>2.0</td>
  </tr>
  <tr>
   <td>Safari</td>
   <td>3.1</td>
  </tr>
  <tr>
   <td>Opera</td>
   <td>9.6</td>
  </tr>
 </tbody>
</table>

<h2 id="Zobacz_też">Zobacz też</h2>

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