Есть ли способ нацелить теги внутри 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.

$('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; }