: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>

利夫尼·马尔卡(Livni Malka)

这里是解释:

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


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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章