blob: 6fb07d54793f76516a1f1535a18b24e53e20fe57 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
|
---
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>
<pre class="syntaxbox">{{csssyntax}}</pre>
<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>
|
