嵌套标记，忽略悬停状态

Question

<a href="#" class="a-hover-underline">
    <div class="grid-md-2-3 background-div"></div>

    <div class="grid-1 grid-md-1-3 content-div">
        <h2>some text...</h2>
        <p>some text...</p>
    </div>
</a>

所以我使用嵌套的'a'标签进行此设置...我想要实现的是在锚定悬停上强调文本。我在样式表文件中有一个：hover {text-decoration：underline}，但是在锚定悬停时，文本没有加下划线。我尝试使用jQuery在'a'标签上测试悬停事件并且它可以工作。

任何想法或解决方法？

谢谢！

Answer 1

只需将原始设置为不悬停而不是下划线，它应该可以正常工作。

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

JSFiddle - http://jsfiddle.net/d2k2t7oc/

Answer 2

see this 这对我有用。我的问题错了吗？

a{
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
}