传统上，超链接的样式带有下划线，以区别于普通文本；这对于视力与一般人群不同的人来说非常有用，因为这可能使他们更容易分辨出大量文本中有链接，因此确保我们选择的风格很重要同样可以访问，更改颜色可能还不够。

要使用 CSS 删除链接上的下划线，我们可以在要修改的相关链接上为 text-decoration 属性设置值 none。
通常，定位位于我们要更改的 HTML 页面特定部分内的链接更容易——要定位文章元素中的所有链接，我们可以这样做：

article a {
  text-decoration: none;
}

根据类或者 ID 更改链接的样式

或者，我们也可以定位位于具有特定 id 或者 class 的元素内的超链接；请记住，ID 应该是唯一的，而类可以重复：

#main_content a {
  text-decoration: none;
}

在超链接上添加类通常不是一个好主意，因为我们可以根据链接的位置来定位所需的链接。
但是，如果我们需要在链接上使用类：

.link_style_content {
  text-decoration: none;
}

然后直接在链接上包含类：

<a href="https://onitroad.com/" class="link_style_content">onitroad.com</a>