有没有办法定位里面有图像的标签？

Question

我需要将a标记定位在img内。我可以通过CSS执行此操作还是必须使用jQuery？

---

评论中的其他信息

我设置a:hover { border-bottom:1px dotted #fff }但我不希望边框应用于其中包含img的代码。

Answer 1

没有：有css。在jQuery中你可以做到

$("a:has(img)")

Answer 2

不，除非您愿意用类或类似的东西标记a标记，否则无法使用CSS。

使用jQuery，您可以执行以下操作，以匹配a个标记作为直接子项的img标记。

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

如果您想允许img成为任何后代，可以使用:has选择器。

$('a:has(img)')

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; }