Skip to content
Giovani

TWIL #4 - Uma pseudo-class que eu nem sabia que existia!

html, css, javascript, forms, twil1 min read

Estou revendo algumas partes das APIs nativas do browser. E, ao dar uma olhada na parte de validação de formulários, me surpreendi quanta coisa já é parte da biblioteca nativa. Já havia utilizado algumas libraries de validação que são feitas em cima da nativa, mas não sabia o quanto era nativo e o quanto não era.

E já na parte de adicionar estilo para os campos para quando estão com erros e tal, sempre é um pouco chato ficar cuidando se o campo está vazio e inválido porque o usuário apagou tudo que estava lá ou se o campo começou inválido e não deveria mostrar o erro etc etc. Mas o css já oferece uma pseudo-class :user-invalid que eu não sabia que existia ou, pelo menos, não lembrava. E essa pseudo-class é ativada quando o campo está inválido e foi modificado pelo usuário.

Já fazendo uma revisão rápida de CSS, não lembrava da propriedade flex-flow que é um jeito de aplicar as propriedades flex-direction e flex-wrap com uma declaração só de css.