Как работают `:valid` и `:invalid` для форм?
:valid— элемент формы прошёл HTML validation (pattern, required, min, max, type):invalid— не прошёл validation- Проблема:
:invalidсрабатывает сразу при загрузке (до ввода пользователя) - Решение:
:invalid:not(:placeholder-shown)или:user-invalid(новый)