覆蓋錨>圖像行爲與CSS

注意：我問一個類似的問題，5分鐘前，然而，這是不一樣的......覆蓋錨>圖像行爲與CSS

我有這樣的CSS規則強調鏈接沒有經過任何的驚人信中的「渣滓」：

a:hover, a:focus, a:active { 
    color: #3b234a; 
    border-bottom: 1px #ccc solid; 
}

現在可正常工作，但是我想寫上鍊接的圖像禁止這種行爲，因爲這一個規則：

<a href="#"><img src="..." /></a>

可能嗎？

謝謝。

來源

2010-07-21 Mickel

添加類「IMAGELINK」或任何你喜歡持有的圖像，然後主播：

a:hover, a:focus, a:active { 
    color: #3b234a; 
    border-bottom: 1px #ccc solid; 
} 

a.imageLink:hover, a.imageLink:focus, a.imageLink:active { 
    border-bottom: none; 
}

來源

2010-07-21 19:53:34 ScottS

嘗試

a:hover img { border-bottom: none; }

來源

2010-07-21 19:38:48 Jimmy

應用類到您的href和刪除該類的邊界。

基本上你總是要和心目中的父元素來這個，因爲這是CSS在解析的方向。

你可以，如果你使用jQuery從孩子向後移動到父或類似的，但香草CSS不能處理你想要在這種情況下做的事情。

來源

2010-07-21 19:39:39 hollsk

覆蓋錨>圖像行爲與CSS

回答

相關問題