blob: 71cd5f4a3df5026ec1a9ae0169a2920b9e3cd1d8 (
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
|
---
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>
|
