У нас есть несколько десятков псевдоклассов CSS .Инструменты разработчика большинства браузеров позволяют нам проверять / переключать только несколько из них, например :hover
, :focus
, :active
.
Как вы проверяете, есть ли у определенного элемента другие псевдоклассы?Как вы можете переключать их?
Один из примеров: Проверка формы начальной загрузки применяет :invalid
и :valid
псевдоклассы к элементу input
в зависимости от того, прошел ли он проверку.,Предположим, нам нужно отладить пользовательские правила проверки и обратную связь, изучая и переключая эти псевдоклассы.Как бы вы это сделали в инструментах разработчика?
Я не ограничиваю вопрос Chrome DevTools;совершенно нормально ответить на это, используя любые инструменты разработчика браузера.Кроме того, я не ограничиваю этот вопрос конкретным случаем использования проверки Bootstrap (это только первое, что приходит на ум), поскольку этот случай использования охватывает только два из многих других псевдоклассов CSS.