禁用“a”属性下划线？

Question

我想知道如何禁用href的“a”属性下划线。我觉得很烦人，我想知道是否有一些代码可以添加到我的.css来改变它。谢谢。

Answer 1

只需设置a {text-decoration:none}

即可

见行动：

a {
  text-decoration: none
}

<a href="#">No Underline</a>

编辑 _{（我正在将其编辑给那些关注它的人，因为这可能是唯一的原因）}

如果你有多个a，而其中一些没有属性href，那么你可以像这样定位href：

/*demo */

div {
  border: dotted lightblue;
  margin: 10px;
  font-size:30px
}
a {
  display: block;
}
/*in action*/
div:last-of-type a[href] {
  text-decoration: none
}

<div>
  <a>Without href doesn't make it a link</a>
  <a href="#">Link with Underline</a>
</div>
<div>
  <a>Without href doesn't make it a link</a>
  <a href="#">Link Without Underline</a>
</div>

Answer 2

简单的谷歌搜索提供了这个非常简单....

a {
    text-decoration: none;
}