Есть ли противоположность [&:not(.<имя-класса>)] в Tailwind/Plain CSS/SCSS? (Добавить класс только в том случае, если к ⇐ CSS

[Anonymous]

У меня есть class="hover:[&:not(.ng-invalid)]:border-gray-500", который добавляет серый цвет к границе ввода только тогда, когда класс .ng-invalid не прикреплен к этому вводу, пока наведя на него курсор.
Есть ли что-нибудь противоположное этому, например, я хочу добавить этот серый цвет, только когда .ng-invalid не прикреплен и .ng-dirty прикрепляется ко входу, примерно так:-

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

class="hover:[&:not(.ng-invalid)]:[&:has(.ng-dirty)]:border-gray-500"

для замены [&:has(.ng-dirty)] выше, что мне следует написать, чтобы проверить, прикреплен ли класс .ng-dirty?
Пожалуйста, дайте мне знать, если есть какие-либо простые решения CSS, которые мне следует рассмотреть.

Подробнее здесь: https://stackoverflow.com/questions/784 ... s-add-clas