css怎么去掉下划线

1. CSS去掉下划线

CSS中下划线（underscore）通常出现在链接文本中，起到强调和可点击的作用。但是有时候，我们不希望链接有下划线，或者需要对其他元素应用下划线效果，可以使用CSS去掉或添加下划线。

1.1 去掉链接下划线

默认情况下，链接文本会显示下划线，可以使用CSS的text-decoration属性和none值来去掉这个下划线。

a {
  text-decoration: none;
}

上面的代码将会去掉所有链接的下划线效果。

1.2 添加下划线到其他元素

除了链接文本，其他文本或元素也可以应用下划线效果。这时可以使用text-decoration属性和underline值。

p {
  text-decoration: underline;
}

上面的代码将会给所有段落添加下划线效果。

2. 对特定链接添加下划线

有时候我们不希望所有链接都去掉下划线，只希望特定的链接有下划线效果。可以使用CSS选择器来对特定的链接应用下划线效果。

2.1 使用类选择器

通过为链接添加类名，可以使用类选择器为特定的链接添加下划线效果。

<a class="underline" href="#">有下划线</a>
<a href="#">无下划线</a>
/* CSS代码 */
a.underline {
  text-decoration: underline;
}

上面的代码给链接添加类名"underline"，并使用a.underline选择器为这些链接添加下划线效果。

2.2 使用属性选择器

另一种方式是使用属性选择器，在href属性值为特定值的链接上添加下划线效果。

<a href="/contact">有下划线</a>
<a href="/about">无下划线</a>
/* CSS代码 */
a[href="/contact"] {
  text-decoration: underline;
}

上面的代码使用a[href="/contact"]选择器为链接"/contact"添加下划线效果。

3. 总结

上面介绍了两种方式去掉或添加下划线，以及如何针对特定链接使用下划线效果。需要注意的是，过分使用下划线效果会降低链接的易识别性和可读性，应该根据实际需要使用。