html - 为什么有两种样式的元素，有优势？

我已经看到了很多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>

一个相对于另一个有什么优势？

最佳答案

两种情况都没有优势。他们执行两个单独的功能，所以有点像橘子。

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

如果您不在乎链接是否已访问，请使用.link。



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

根据MDN：


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




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

根据MDN：


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

关于html - 为什么有两种样式的元素，有优势？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/45986866/