Как я могу скрыть div с определенным классом, который содержит ссылку с определенным href, используя селектор CSS / CSS3?

Question

Я хочу добавить стиль (display: none), чтобы скрыть элемент div с классом "xclass", но только если он содержит ссылку с href "/somedir/somepage.php", это возможно с помощью CSS или CSS3селекторы?

ниже приведен пример кода для div, который я хочу скрыть, он может появиться где угодно внутри веб-страницы.

<div class="xclass">
  <div>
    <div>
     <a href="/somedir/somepage.php">
    </div>
  </div>
</div>

Answer 1

Нет, это невозможно.Из-за того, что браузеры обрабатывают селекторы CSS, вы не можете выбрать родительский элемент на основе его дочерних элементов.

Это может быть выполнено с помощью JavaScript.Вот фрагмент кода jQuery:

$('.xclass').each(function() {
    if ($(this).has('a[href="/somedir/somepage.php"]')) {
        $(this).hide();
    }
});