有沒有一種方法可以在裏面使用img來定位標籤？

Question

我需要將a標籤與img對準。我可以通過CSS來做到這一點，還是我必須使用jQuery？從評論

---

額外的信息，我設置a:hover { border-bottom:1px dotted #fff }但我不希望邊框，以適用於標籤與img在他們裏面。

Answer 1

有沒有：在CSS中。在jQuery中，你可以做

$("a:has(img)") 

Answer 2

沒有，這不能用CSS做，除非你願意來標記a標籤與類或類似的東西。

使用jQuery，你可以做這樣的事情來匹配a標籤作爲直接孩子的img標籤。

$('img').parent('a') 

如果你想允許img是任何後代，你可以使用:has選擇。

​​

Answer 3

可能誤解了你，但你的意思是？

HTML: <a href="#"><img src="#"/></a> 

CSS: #container a { border-bottom: 1px dotted #ccc; } 
     #container a img { border: 0 !important; } 

這會從設置中繼承<a>邊框的圖像中移除邊框。既然你提到懸停...

#container a img:hover { border: 0 !important; }