时间戳

首页 > 解决方案 > :link 在 CSS 中的作用是什么？

html - :link 在 CSS 中的作用是什么？

问题描述

因此，虽然有一个带有 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>

标签： htmlcss

解决方案

这里解释一下：

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


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

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

推荐阅读