我无法去掉下划线文本
我得到了这个代码：
<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; 的类。
我知道这是一个很愚蠢的问题，但我没有主意。
I got this code:
<div class="class1"><a href="http://nvm/">text</a></div>
CSS code of class1 is following:
.class1 {
text-decoration: none;
}
The output looks on, until I move the mouse over the div. The text is underlined then.
Sure, I've tried a lot of methods like:
.class1:hover {
text-decoration: none;
}
I've also tried to add a !important attribute, but still without expected results. :/
I've also used firebug to debug the HTML & CSS code, and I can't find any class with attribute text-decoration: underline;.
I know this is such a silly question, but I'm out of ideas.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
您应该将
.class1内的a元素的text-decoration属性设置为none，因为这是包含文本的元素（也可能是您悬停的元素）。例如：
.class1 a（所有祖先为.class1的a标记）或
.class1 > a（父级为.class1的所有a标记）You should set the
text-decorationproperty tononefor theaelement inside of.class1, since that is the element that contains the text (and likely the element that you are hovering on).For example:
.class1 a(allatags whose ancestor is.class1)OR
.class1 > a(allatags whose parent is.class1)如果您在其他地方设置全局
属性，则需要专门覆盖该类的标记。.class1 a { 文本装饰：无； }和
.class1 a:hover {text-decoration: none; }取决于您是否也定义了全局悬停
If you're setting a global
<a>property elsewhere, you'll need to specifically override the<a>tags for that class..class1 a { text-decoration: none; }and
.class1 a:hover {text-decoration: none; }depending on if you have a global hover defined too
将是一个很好的做法。
Would be a good practice.