覆盖锚>图像行为与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

回答

相关问题