css - 我无法摆脱下划线文字

Question

我得到了这个代码：

<div class="class1"><a href="http://nvm/">text</a></div>

class1 的 CSS 代码如下：

.class1 {
       text-decoration: none;
}

输出看起来，直到我将鼠标移到div. 文本随后带有下划线。

当然，我尝试了很多方法，例如：

.class1:hover {
      text-decoration: none;
}

我也尝试添加一个!important属性，但仍然没有预期的结果。：/

我还使用 firebug 调试 HTML & CSS 代码，但我找不到任何带有属性的类text-decoration: underline;。

我知道这是一个愚蠢的问题，但我没有想法。

Answer 1

您应该将text-decoration属性设置none为 中的a元素.class1，因为它是包含文本的元素（并且可能是您悬停的元素）。

例如：

.class1 aa（祖先为 的所有标签.class1）

或者

.class1 > a（所有a其父标签为.class1）

Answer 2

如果您在<a>其他地方设置全局属性，则需要专门覆盖<a>该类的标签。

.class1 a { text-decoration: none; }

和

.class1 a:hover {text-decoration: none; }

取决于您是否也定义了全局悬停

Answer 3

div.class1 a { Properties:values} 

将是一个很好的做法。