为什么两种造型元素的方式是否有优势？

Question

我看过很多CSS样式表，并且至少有两种样式来构建我遇到过的元素。我想知道的是如何设置一个CSS元素不同，如下面的那个

a:link {
    color: green;
    background-color: transparent;
    text-decoration: none;
}

<a href="#">Link</a>

到

.link {
    color: green;
    background-color: transparent;
    text-decoration: none;
}

<a href="#" class="link">Link1</a>

一个人比另一个人有什么优势？

Answer 1

两种情况都没有优势。他们正在执行两个独立的功能，所以它有点像苹果到橙子。

如果您只想将其应用于未访问的链接，请使用:link。

如果您不关心是否访问过该链接，请使用.link。

:link选择器仅适用于尚未访问过的链接。

每MDN：

  

：链接CSS伪类表示尚未访问过的链接（例如锚）。

.link选择器是一个简单的class selector，适用于已应用类link的任何元素。

每MDN：

  

CSS类选择器根据类属性的内容匹配元素。