Пересоздание CSS «не» с помощью Tailwind ⇐ CSS

[Anonymous]

Мне сложно воссоздать с помощью Tailwind некоторые CSS-коды, которые я нашел в Интернете.
Полная реализация продемонстрирована в этом фрагменте кода: https://codepen.io/kkellydesign/pen /WNKBdqL
HTML:

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

CSS:

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

div{max-width: 300px;max-height: 200px; background: red; padding: 40px;}
div div {background: purple}
div div div { background: pink}

div:not(:has(div:hover)):hover {
outline: 5px solid black;
}

Конкретная часть, которую мне трудно воссоздать с помощью Tailwind, — это

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

div:not(:has(div:hover)):hover

Любая помощь приветствуется!

Подробнее здесь: https://stackoverflow.com/questions/793 ... g-tailwind