用于图像的CSS锚点样式

Question

我为我的所有链接设置了一个样式，但问题是任何具有图像的锚显然都具有相同的样式。

有什么方法可以覆盖图像的样式而不必将类应用于删除该样式的所有图像？

Answer 1

a img {
 /* alternative style for hyperlinked images */
}

Answer 2

我建议您重写代码以不使用图片，但是对于带图片的链接，只需使用显示为块的可点击div。

<div id="x"><a href=".." class="y"></a></div>


.y {
display: block;
}

#x {
width:..;
height:..;
padding:0;
margin:0;
background-image:url(IMGPATHHERE!);
}

#x:hover {
width:..;
height:..;
padding:0;
margin:0;
background-image:url(THEHOVERIMGHERE!);
cursor:hand;
}

Answer 3

不，没有CSS选择器可以捕获仅包含<a>元素的<img>个元素。您需要在设计时或在运行时使用javascript应用类。

Answer 4

您可以使用jQuery限定选择器$（'a：has（img）'）