Question

“request”div中的链接显示不正确。对于style.css中此div中的链接，有以下代码：

.header .request a span{border-bottom:1px dotted}.header .request a:hover span{border-bottom:0}

证明：berdyanskaya56.ru

在链接悬停的页面上，她变为下划线。相比之下，.css明确指出它应该是没有装饰的。我该如何解决这个问题？

UPD： - ＆GT;目标：使div中的链接“请求”点缀下划线，同时在悬停时未被覆盖和非下沉。链接样式的所有属性都应该用.css而不是html编写（不要在index.html中写style =“text-decoration：none”）。

- ＆GT;现状：链接带有加下划线的标记，但在加盖时会加下划线（___）而不是非下划线。

Answer 1

这项工作很好。只需添加

div.header div.request a {
    text-decoration: none;/*add this*/
}

＆＃13;

.header .request a span {
  border-bottom: 1px dotted
}
.header .request a:hover span {
  border-bottom: 0
}
div.header div.request a {
  text-decoration: none;
}

＆＃13;

<div class="header">
  <div class="request">
    <a href="#">
      <span>sadsad</span>
    </a>
  </div>
</div>

＆＃13;

Answer 2

因为项目中有另外<a>个标签，默认情况下为a:hover{text-decoration:underline}。

将此css添加到您的项目中：

a:hover{
    text-decoration:none;
}

Answer 3

在CSS中添加以下样式。

 .header .request a:hover{text-decoration:none;}

Answer 4

.header .request a span {
text-decoration: none;
border-bottom: 1px dotted;
}

在此处删除border:0并在此css中添加text-decoration: none;

.header .request a:hover{
text-decoration:none;
}

在悬停时我正在修改border-bottom:none;

.header .request span:hover{
    border-bottom:none;
    }

upadte this css我希望它能解决你的问题

CSS链接无法正常工作

4 个答案: