<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'標籤上測試懸停事件,它可以工作。嵌套標籤,忽略懸停狀態
任何想法或解決方法?
謝謝!
這裏工作: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