Хочу скрывать div внутри которого есть определённый элемент. Т.е. условно .parent:has(.child) { display: none; }
(скрываться должен .parent
). Про то, что :has
никто не поддерживает я в курсе, и нужно подключать JavaScript. Вопрос: как это сделать с максимальной производительностью в ванильном JS? DOM может меняться, нужно это учитывать.
Пока единственная идея - держать MutationObserver на body и на каждое изменение прогонять код, но это тормозить будет ужасно.
В идеале мне нужно передать CSS-селектор .parent
куда-то в движок, чтобы он меня извещал только когда добавляется/изменяется элемент .parent
или его содержимое. Но такого API не нашёл.