<ul class=
Résolu
sovi
Messages postés
19
Date d'inscription
Statut
Membre
Dernière intervention
-
M@dien Messages postés 437 Date d'inscription Statut Membre Dernière intervention -
M@dien Messages postés 437 Date d'inscription Statut Membre Dernière intervention -
A voir également:
- Rnwf msm helper class
- Download helper firefox - Télécharger - Outils pour navigateurs
- Ip helper - Télécharger - Divers Réseau & Wi-Fi
- Download helper opera ✓ - Forum Opera
- Etdc helper - Forum Windows 8 / 8.1
- Wondershare helper compact ✓ - Forum Virus
3 réponses
Bonjour,
Les balises HTML peuvent accepter plusieurs classes.
Et c'est bien par un espace qu'on les distingue.
Ainsi, dans le css, on peut avoir les deux versions que tu proposes
et
L'avantage d'appliquer plusieurs classes à une balise est de pouvoir créer en css plusieurs catégories.
ainsi on peut avoir un <div class="menu bleu"> et <div class="menu rouge">, il n'y aura qu'à attribuer les couleurs bleues et rouges dans les classes .bleu et .rouge, alors que la classe .menu s'occupera de formater le div.
Ca n'est qu'un exemple d'utilisation parmi d'autres.
Les balises HTML peuvent accepter plusieurs classes.
Et c'est bien par un espace qu'on les distingue.
Ainsi, dans le css, on peut avoir les deux versions que tu proposes
.element1 {propriétés}
.element2 {propriétés}
.element3 {propriétés}
et
.element1.element2.element3 {propriétés}
L'avantage d'appliquer plusieurs classes à une balise est de pouvoir créer en css plusieurs catégories.
ainsi on peut avoir un <div class="menu bleu"> et <div class="menu rouge">, il n'y aura qu'à attribuer les couleurs bleues et rouges dans les classes .bleu et .rouge, alors que la classe .menu s'occupera de formater le div.
Ca n'est qu'un exemple d'utilisation parmi d'autres.
"Dans la 2ème version, on voit que la classe element1 encapsule la classe element2 qui encapsule element3 (je pense...) "
Non. la deuxième version du css pointe vers les balises qui ont la classe element1 ET element2 ET element3.
S'il y avait eu encapsulation, il y aurait eu un espace entre les classes dans le css:
"Le fait de les définir uniquement dans la classe element1 suffirait pour formatter la balise <ul class="element1 element2 element3" > ?"
Tout à fait. En css, cette balise serait affecté par tout ce qui concerne les classes .element1{}, .element2{} et .element3{} .
Il est donc tout à fait possible de n'attribuer des propriétés qu'à la classe .element1.
Attention par contre, si 2 mêmes propriétés sont définies dans 2 des classes, c'est la dernière rencontrée qui fera effet. exemple:
Le texte du <ul> sera en bleu car la propriété de la classe .element2 arrive après et est donc prioritaire.
Non. la deuxième version du css pointe vers les balises qui ont la classe element1 ET element2 ET element3.
S'il y avait eu encapsulation, il y aurait eu un espace entre les classes dans le css:
div.element1.element2 {} /* toutes les div ayant à la fois les classes element1 et element2 */
div .element1 .element2 {} /* toutes les balises ayant la classe element2 et contenues dans des balises ayant la classe element1 et contenues dans un div. */
"Le fait de les définir uniquement dans la classe element1 suffirait pour formatter la balise <ul class="element1 element2 element3" > ?"
Tout à fait. En css, cette balise serait affecté par tout ce qui concerne les classes .element1{}, .element2{} et .element3{} .
Il est donc tout à fait possible de n'attribuer des propriétés qu'à la classe .element1.
Attention par contre, si 2 mêmes propriétés sont définies dans 2 des classes, c'est la dernière rencontrée qui fera effet. exemple:
.element1 {color:red;}
.element2 {color:blue;}
Le texte du <ul> sera en bleu car la propriété de la classe .element2 arrive après et est donc prioritaire.
Dans la 2ème version, on voit que la classe element1 encapsule la classe element2 qui encapsule element3 (je pense...)
Mais si j'ai bien compris: je ne suis pas obligé de définir au niveau css les propriétés de style pour la balise <ul> dans les trois classes element1, element2 et element3.
Le fait de les définir uniquement dans la classe element1 suffirait pour formatter la balise <ul class="element1 element2 element3" > ?