css通过父级标签去a标签的下划线

可以通过给父级标签设置text-decoration属性，然后再给a标签设置text-decoration: none;来去掉a标签的下划线，从而实现通过父级标签去a标签的下划线的效果。例如：

.parent-class {
  text-decoration: underline; /* 给父级标签添加下划线 */
}

.parent-class a {
  text-decoration: none; /* 去掉a标签的下划线 */
}

这样，a标签就不会显示下划线，但是其它文本内容会显示下划线。

相关问题

CSS 双击父级标签显示子标签

你可以使用 CSS 的 :hover 伪类和子选择器来实现这个效果。

首先，给父级标签添加一个:hover 伪类，表示当鼠标悬停在父级标签上时，执行下面的样式：

.parent:hover > .child {
  display: block;
}

然后，给子标签添加一个 display:none 的样式，这样子标签一开始就会被隐藏。

完整的代码如下：

<div class="parent">
  <h3>父级标签</h3>
  <p>点击我显示子标签</p>
  <div class="child">
    <h4>子标签</h4>
    <p>我是子标签的内容</p>
  </div>
</div>

.parent:hover > .child {
  display: block;
}

.child {
  display: none;
}

这样，当鼠标悬停在父级标签上时，子标签就会显示出来。

css 取消a标签下划线

以下是两种CSS去掉a标签下划线的方法：

1.使用text-decoration属性设置为none

a {
  text-decoration: none;
}

2.使用border-bottom属性设置为none

a {
  border-bottom: none;
}