Проблема с использованием класса в качестве аргумента для псевдокласса has() ⇐ CSS

[Anonymous]

У меня проблема с псевдоклассом CSS has(). Суть в том, что я хочу стилизовать все разделы #et-main-area, у которых есть элемент div .tribe-events-pg-template как непосредственный дочерний элемент.
Вот где я сейчас нахожусь:

Код: Выделить всё

#et-main-area:has(.tribe-events-pg-template) {
background-color: white !important;
}

Но при этом я получаю синтаксическую ошибку «Ожидаемый RPAREN в строке 1, столбец 19» в каждом валидаторе, который я пытаюсь использовать. В принципе, любой. или # или любой небуквенно-цифровой символ дает мне ошибку. Это не проверяется и не работает.
Вот еще один фрагмент, который выдает ошибку «Ожидается RPAREN в строке 4, столбец 13»:

Код: Выделить всё

section:has(.featured) {
border: 2px solid blue;
}

Этот второй фрагмент я скопировал непосредственно из статьи MDN о синтаксисе has(). Тем не менее, это тоже не подтверждается, хотя на странице статьи работает.
Я просто не вижу проблемы. Что мне не хватает?

Подробнее здесь: https://stackoverflow.com/questions/798 ... eudo-class