因此,当使用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>
这里是解释:
:link CSS伪类表示尚未访问的元素。它匹配具有属性的每个未访问的
<a>
,<area>
或<link>
元素href
。
默认情况下,大多数浏览器将特殊的颜色值应用于访问的链接。使用时,:link
您可以声明新样式,而不是默认定义
在此处了解更多信息:https : //developer.mozilla.org/en-US/docs/Web/CSS/ : link
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句