我无法摆脱下划线文字

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＆amp; CSS代码，我找不到任何具有属性text-decoration: underline;的类。

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

Answer 1

您应该为text-decoration内的none元素将a属性设置为.class1，因为这是包含文本的元素（可能是元素你在徘徊。）

例如：

.class1 a（祖先为a的所有.class1代码）

OR

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

这将是一个很好的做法。