Maîtrisez les Sélecteurs Multiples et Universels en CSS

Sélecteur de plusieurs éléments
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre HTML5 et CSS3 / Part 2
Revoir le teaser Je m'abonne
1,0
Transcription

39,90€ Je commande

À partir de
27€ /mois
Je m'abonne à Elephorm

Description Programme Avis
1,0
39,90€ Je commande

À partir de
27€ /mois
Je m'abonne à Elephorm

À la fin de cette vidéo, vous serez capable d'utiliser les sélecteurs multiples et le sélecteur universel en CSS pour appliquer des styles à plusieurs éléments en même temps, rendant vos feuilles de style plus efficaces et maintenables.

Apprenez à utiliser les sélecteurs multiples et le sélecteur universel en CSS pour appliquer des styles à plusieurs éléments en même temps.

Dans cette leçon, nous découvrirons comment appliquer des styles CSS à plusieurs éléments simultanément grâce à l'utilisation des sélecteurs multiples et du sélecteur universel. Plutôt que d'écrire des règles CSS séparées pour chaque élément, nous pouvons les combiner sur une même ligne, séparées par une virgule. Par exemple, pour rendre les balises <h1>, <p>, et <h2> de couleur bleue, nous pourrions écrire: h1, h2, p { color: blue; }. Nous explorerons également le sélecteur universel, représenté par une étoile (*), qui applique le style à tous les éléments d'une page.

Cette technique permet de gagner du temps et de la place dans vos feuilles de style tout en simplifiant leur maintenance. Nous examinerons des exemples concrets pour mieux comprendre les avantages et les cas d'utilisation de ces sélecteurs en CSS.

Voir plus
Questions réponses
Qu'est-ce qu'un sélecteur multiple en CSS?
Un sélecteur multiple en CSS permet d'appliquer les mêmes styles à plusieurs éléments distincts en les séparant par une virgule.
Comment représenter un sélecteur universel en CSS?
Le sélecteur universel en CSS est représenté par une étoile (*) et s'applique à tous les éléments de la page.
Pourquoi utiliser des sélecteurs multiples?
Les sélecteurs multiples permettent de gagner du temps et de la place dans les feuilles de style en évitant de dupliquer les règles CSS pour chaque élément.
1 commentaire
1,0
1 vote
5
4
3
2
1
eve.bertieaux
Il y a 2 years
Commentaire
C'est vraiment dommage que lors de la démonstration HTML et CSS soient mélangés, je ne sais plus à un moment donné si c'est dans l'un ou l'autre, du coup je n'ai pas le résultat attendu