當標籤放置在標籤內時，圖片標籤顯示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樣式。

否則，您需要向服務器上的這些鏈接添加一個類。