代码之家 › 专栏 › 技术社区 › Jacob-Jan Mosselman

在css中:链接做什么?

css html

Jacob-Jan Mosselman · 技术社区 · 6 年前

因此,当有一个带有类btn的a标记时,我可以在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>

2 回复 | 直到 6 年前

davecar21 6 年前

以下是解释:

:link css伪类表示尚未拜访过。它符合每一个未经探视的人 <a> 我是说, <area> ,或 <link> 要素有一个 href 属性。

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

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

Jeppsen 6 年前

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

它与 :visited 选择器。

推荐文章

YunusoviÄ · 我无法用css更改html段落颜色

1 年前

Blake · 无法使用CSS旋转Angular 15中的字体图标

1 年前

Maarten -Monica for president · 将图像放在锚点标记内时调整网格中的图像大小

1 年前

Phil Lucks · 如何制作边界的外半径?

1 年前

roy_meir · 创建自定义下拉式元素

1 年前

Community wiki · 如何为触摸设备优化网站

1 年前

Paras Chandravanshi · 为什么<ul>没有从其父<p>元素继承?

1 年前

tpetzoldt · 如何在有光泽的情况下抑制图像的抗锯齿?

1 年前

boyenec · 反应如何将css样式应用于我从api respose获得的页面的spcifc部分

1 年前

manofconstsorrow · 点击导航项目关闭汉堡菜单

1 年前