嵌套標籤，忽略懸停狀態

<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

嵌套標籤，忽略懸停狀態

回答

相關問題