Есть ли селектор, который выбирает все div, внутри которых есть span?

Question

[dollar]

<div>
  <span>...</span>
</div>

Comments

[dollar]

Алексей Уколов, и зачем было удалять тег про блокировку рекламы? По-вашему, сам тег не может быть частью вопроса?

Answer 1

[Rustam Bainazarov]

Нет. На уровень выше CSS идти не умеет.

В невнятном по отдаленности будущем будет вот такая штука:

div:has(span) {
 ...
}

https://developer.mozilla.org/en-US/docs/Web/CSS/:has

Когда-то там, но не сейчас. Поэтому ответ — нет, такого селектора на данный момент нет в CSS. К огромному сожалению, кстати.

UPDATE. Данный селектор работает в блокираторе рекламы uBlock, но это не CSS. Там (в uBlock) есть :if, :has, :has-text и т. п. — такого в CSS отродясь не было, т. е. это просто имитация синтаксиса CSS для удобства восприятия и создания правил.

То есть, в данном конкретном случае синтаксис чернового варианта официальной нереализованной спецификации CSS попросту совпал с инструментом данного плагина, поэтому он и сработал там.

Comments

[dollar]

Спасибо, очень даже работает в uBlock Origin

[Rustam Bainazarov]

dollar, не за что, только не совсем понял — что работает?

[dollar]

Правила в блокировщиках рекламы создаются на основе селекторов.

[Rustam Bainazarov]

dollar, а, более чем возможно, только как это возможно?
https://caniuse.com/#feat=css-has

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

[Rustam Bainazarov]

dollar, вот у AdBlock Plus есть вот такой аналог:
:-abp-has()
https://adblockplus.org/en/filter-cheatsheet

Это не совсем CSS. Точнее, совсем не CSS. Это просто как внутренний инструмент или сниппет, который как таковой к CSS не имеет отношения.

[dollar]

Рустам Байназаров, uBlock Origin умеет больше, чем ABP, а нагрузку даёт меньше, так что уже давно стал стандартом, поэтому про ABP давно забыл уже.

[Rustam Bainazarov]

dollar, я никогда не пользовался ни тем, ни другим и вообще блокиратором рекламы, поэтому об этом не могу ничего рассказать. Лишь о природе селектора.

Судя по всему, лучше такие селекторы искать в документации, т. к. это не CSS. Там (в uBlock) есть :if, :has, :has-text и т. п. — такого в CSS отродясь не было, т. е. это просто имитация синтаксиса CSS для удобства восприятия и создания правил.

А в данном конкретном случае синтаксис чернового варианта официальной нереализованной спецификации CSS попросту совпал с инструментом данного плагина, поэтому он и сработал там.

[dollar]

Спасибо

[Rustam Bainazarov]

dollar, да не за что. Надеюсь, что когда-нибудь что-то подобное появится в CSS, ибо это удобные вещи.