イメージタグタグ内に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

<img>タグが含まれていないリンクを選択できるCSSセレクタはありません。 （CSS selector for "foo that contains bar"?を参照してください）

jQueryは、を行うの画像にits :has() selectorを含むリンクを選択させます。それを使用して、クラス内の画像にリンクを追加し、そのクラスを使用してPDFスタイルを無効にすることができます。

それ以外の場合は、サーバー上のこれらのリンクにクラスを追加する必要があります。