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 les sélecteurs d'attribut - Tutoriel CSS
Dans le cours : CSS : Astuces et techniques
Utiliser les sélecteurs d'attribut
Dans ce chapitre, je vous propose dans un premier temps, de découvrir ou redécouvrir toute la richesse des sélecteurs CSS. Et pour ce faire, eh bien, j'ai rajouté une page supplémentaire dans notre site, c'est la page contact.html. Cette page commence par deux paragraphes tout simples et ensuite nous avons un formulaire de contact avec une série de champs dans le formulaire. Vous constatez que la mise en forme de ce formulaire de contact est déjà en cours, elle n'est pas complètement finalisée, mais donc vous devinez qu'il y a également des styles CSS supplémentaires pour ces nouveaux éléments dans la feuille de style. Voilà, je vous invite maintenant à mettre cette vidéo en pause pendant quelques minutes, histoire de faire connaissance avec ces différents éléments. Donc, prenez le temps d'inspecter cette page contact.html, ainsi que les nouveaux styles CSS qui sont présents dans la feuille de style. Maintenant que vous avez pris connaissance de tous ces changements…
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é)
-
-
-