Dans le cours : CSS : Astuces et techniques
Accédez à ce cours grâce à un essai gratuit
Inscrivez-vous aujourd’hui pour accéder à plus de 24 600 cours dispensés par des experts.
Utiliser la pseudo-classe :not() - Tutoriel CSS
Dans le cours : CSS : Astuces et techniques
Utiliser la pseudo-classe :not()
Poursuivons dans cette vidéo la mise en forme des champs de notre formulaire. Alors, au niveau de notre formulaire, nous avons tout d'abord le champ Prénom, le champ Nom de Famille et le champ Email. Ces trois champs, ce sont des champs tout à fait classiques qui sont générés par la balise input de l'HTML. Ensuite, nous avons le champ Sujet, c'est-à-dire une liste déroulante, donc un élément select dans le code HTML. Nous avons ensuite le message, donc une zone de saisie multiligne. C'est un élément textarea dans le code HTML. Et on termine ici dans le fond par notre fameuse case à cocher, donc ça, c'est de nouveau un élément input. Pour terminer le formulaire, il y a ce bouton. Donc ça, c'est une balise button, mais au niveau de la mise en forme, c'est quelque chose de complètement différent, ce bouton sera mis en forme de manière séparée. Moi, j'aimerais maintenant mettre en forme la totalité des champs de mon formulaire, à l'exception, bien sûr, de ce bouton dont on vient de…
Table des matières
-
-
-
-
-
-
-
(Verrouillé)
Utiliser les sélecteurs d'attribut5 m 6 s
-
(Verrouillé)
Utiliser la pseudo-classe :not()4 m 6 s
-
(Verrouillé)
Utiliser la pseudo classe :has()5 m 15 s
-
(Verrouillé)
Différencier les pseudo classes :invalid et :user-invalid4 m 44 s
-
(Verrouillé)
Utiliser le sélecteur de voisins directs et subséquents4 m 54 s
-
(Verrouillé)
Rendre le formulaire responsive avec la fonction min()2 m 48 s
-
(Verrouillé)
Modifier l'opacité d'une couleur hexadécimale4 m 32 s
-
(Verrouillé)
Modifier la luminosité d'une couleur4 m 29 s
-
(Verrouillé)
-
-
-