嵌套标签，忽略悬停状态

<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}，但是文本在anchor hover上没有被强调。我试图用jQuery在'a'标签上测试悬停事件，它可以工作。嵌套标签，忽略悬停状态

任何想法或解决方法？

谢谢！

来源

2014-12-04 STFUn00b

这里工作：http://jsfiddle.net/webtiki/r01sq43e/ – 2014-12-04 09:39:15

我认为你的CSS有一些问题。你可以发布一个最小完整的例子而不用自己解决吗？ – Jasen 2014-12-04 09:41:31

我解决了这个问题。我不得不在我的'a'风格中添加额外的*。 Sass代码看起来像这样： a { ＆，* {text-decoration：none; } ＆：hover { ＆，*：text-decoration：underline; } } 我想'a'标签内部嵌套元素的样式有问题（尽管通过html5规范'一个'标签可以嵌套），看起来应用于'a'的样式会被忽略。 – STFUn00b 2014-12-04 10:54:25

只需将原稿设置为不滚动即可，不会出现下划线，应该可以正常工作。

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

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

来源

2014-12-04 09:38:47

see this 这是为我工作。我收到你的问题错了？

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

来源

2014-12-04 09:40:56 Abs

嵌套标签，忽略悬停状态

回答

相关问题