выбрать внешние элементы по внутренним тегам

Question

можно выбрать внешний элемент по его потомкам, Quetions - из-за необходимости применять 1 таблицу стилей к 2 различным страницам dymins одной и той же оболочки.

page 1

<div id="api">
 <div class="a"></div>
</div>

page 2

<div id="api">
 <div class="b"></div>
</div>

Я бы хотел выбрать элемент API по классу внутренних элементов.

Возможно ли это?

Answer 1

В спецификации CSS есть псевдокласс :has(), но он не реализован (и, вероятно, не будет) ни в одном браузере: https://developer.mozilla.org/en-US/docs/Web/CSS/: имеет

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

<div id="api" class="list list_a">
...
</div>