放置在标签内的图像标签显示pdf图标

Question

当href的.pdf作为其扩展名时，我们使用a[href*=".pdf"] CSS选择器规则来显示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样式。

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