Question

因此，当使用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>

Answer 1

在这里说明：

：link CSS伪类表示尚未被元素参观了。它匹配所有未访问的<a>，<area>或<link>元素具有href属性。

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

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

Answer 2

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

它与:visited选择器相反。

：link在CSS中有什么作用？

2 个答案: