initial commit

1 files changed, 68 insertions, 0 deletions

diff --git a/files/zh-cn/web/css/_colon_link/index.html b/files/zh-cn/web/css/_colon_link/index.html
new file mode 100644
index 0000000000..71cd5f4a3d
--- /dev/null
+++ b/files/zh-cn/web/css/_colon_link/index.html
@@ -0,0 +1,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>