CSS 链接无法正常工作答案

【问题标题】：CSS links don't work properlyCSS 链接无法正常工作
【发布时间】：2014-12-26 02:44:03
【问题描述】：

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

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

证明：berdyanskaya56.ru

在页面上，当链接悬停时，她会变成下划线。相比之下，在 .css 中明确指出它不应该被装饰。我该如何解决这个问题？

更新： -> 目标：在 div“请求”中创建链接，在未悬停时加点下划线，在悬停时不加下划线。链接样式的所有属性都应该写在.css而不是html中（不要在index.html中写style="text-decoration:none"）。

-> 现状：链接带有点下划线，但在悬停时变为下划线 (___) 而不是非下划线。

【问题讨论】：

你需要在这里指定你想要实现的目标？？ 如果您提供一些 URL 链接并希望检查 request div，那根本不可能。没有人会明白，至少我不明白你在说什么？？？。解释将有助于解决您的问题

标签： html css hyperlink href

【解决方案1】：

这很好。只需添加

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

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

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

【讨论】：

【解决方案2】：

.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;
    }

更新这个 css 我希望它能解决你的问题

【讨论】：

没有修复。检查一下。
悬停时仍带有下划线。我知道，这很奇怪，但它不能解决问题。亲自访问并检查。
更新了 CSS。悬停时，它同时变为带点下划线和下划线。
我正在使用云耀斑。现在我清除了缓存。

【解决方案3】：

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

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

a:hover{
    text-decoration:none;
}

【讨论】：

这是一个：悬停。编辑了我的答案。
试试 text-decoration:none!important;看看您是否有特异性问题。
添加了 a:hover 而不是 a:hover span - 没有修复
添加了文本装饰：无！重要； - 没办法工作
您的项目中有a { text-decoration:none; color:#fff}。将此更改为 a:hover { text-decoration:none;} a{color:#fff}。不要做.header .request a:hover {...}之类的事情，只选择您网站中的所有<a>标签。

【解决方案4】：

在您的 CSS 中添加以下样式。

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

【讨论】：

它不起作用。我发现如果你添加 style="text-decoration:none;"到页面上的链接，它修复。我的目标是将此属性包含在 .css 中。