当标签放置在标签内时，图片标签显示pdf图标

Question

我们使用a[href*=".pdf"] CSS选择器规则在href以.pdf作为扩展名时显示pdf图标，但问题在于<a>标签中包含图像标签，以及。

<a href="foo.pdf">foo</a> => Works fine 
<a href="foo.pdf"><img src="big_image.gif" /></a> => No good. 

我们不想显示这种链接的PDF图标。

请问我应该为这种情况写什么样的CSS选择器？

Answer 1

恐怕没有一个CSS选择器，可以让你选择里面没有<img>标签的链接。 （见CSS selector for "foo that contains bar"?。）

的jQuery让您选择做通过its :has() selector包含图像的链接。你可以使用它来添加一个类来链接其中的图像，并使用该类来关闭PDF样式。

否则，您需要向服务器上的这些链接添加一个类。