:link 在 CSS 中的作用是什么？答案

【问题标题】：What does the :link do in CSS?:link 在 CSS 中的作用是什么？
【发布时间】：2018-07-03 16:01:35
【问题描述】：

因此，虽然有一个带有 btn 类的标签，但我可以通过在我的 CSS 中使用 .btn 来设置它的样式。然而，有人说使用.btn:link 而不是仅仅使用.btn 来设置按钮样式是一种更好的做法。使用:hover 在输出上有明显的不同。但我想知道有或没有:link的样式之间到底有什么区别@

.btn:link {
  background-color: #67c5fc;
  border-radius: 100px;
  padding: 10px;
  text-decoration: none;
  color: #000;
}

.btn:hover {
  background-color: #0082ce;
  cursor: pointer;
}

.btn2 {
  background-color: #48c964;
  border-radius: 100px;
  padding: 10px;
  text-decoration: none;
  color: #000;
}

.btn2:hover {
  background-color: #2eaa49;
  cursor: pointer;
}

<a href="#" class="btn">Button-with-:link</a>
<a href="#" class="btn2">Button-without-:link</a>

【问题讨论】：

MDN 可能持有一些相关信息。
https://www.w3schools.com/cssref/sel_link.asp 请参阅此链接以获取有关 :link 的更多信息

标签： html css

【解决方案1】：

这里解释一下：

:link CSS 伪类表示一个尚未被参观了。它匹配每个未访问的 <a>、<area> 或 <link> 元素具有href 属性。

默认情况下，大多数浏览器都会对访问的链接应用特殊的颜色值。当您使用:link 时，您可以声明新样式而不是默认定义

在此处了解更多信息：https://developer.mozilla.org/en-US/docs/Web/CSS/:link

【讨论】：

【解决方案2】：

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

它与:visited 选择器相反。

【讨论】：