CSS et surcharge ?
dark90
Messages postés
29
Statut
Membre
-
xdiz Messages postés 109 Date d'inscription Statut Membre Dernière intervention -
xdiz Messages postés 109 Date d'inscription Statut Membre Dernière intervention -
Bonjour à toutes et à tous
Je me posais une question sur les feuilles de styles CSS. Je souhaite écrire des classes qui hériteraient des attributs d'une autre classe plus générique.
Je voudrais faire de l'héritage, en quelque sorte...
Est-ce possible ? Si oui, comment faire ?
Exemple :
J'ai trois classes l1, l2, l3 ainsi qu'une classe générique l, je voudrais que l1, l2, l3 héritent de la propriété "font-size" de l...
.l{
font-size: 10px;
}
.l1{
color:red;
}
.l2{
color:blue;
}
.l3{
color:yellow;
}
Je me posais une question sur les feuilles de styles CSS. Je souhaite écrire des classes qui hériteraient des attributs d'une autre classe plus générique.
Je voudrais faire de l'héritage, en quelque sorte...
Est-ce possible ? Si oui, comment faire ?
Exemple :
J'ai trois classes l1, l2, l3 ainsi qu'une classe générique l, je voudrais que l1, l2, l3 héritent de la propriété "font-size" de l...
.l{
font-size: 10px;
}
.l1{
color:red;
}
.l2{
color:blue;
}
.l3{
color:yellow;
}
4 réponses
-
tu peux écrire :
<..... class="l l1"...> ( l'espace est un séparateur entre 2 noms de classe ) -
Salut
Consulte la documentation du W3C sur les CSS:
http://www.yoyodesign.org/doc/w3c/css2/cover.html
Au chapitre 6, tout est expliqué:
http://www.yoyodesign.org/doc/w3c/css2/cascade.html
Bon courage et @+
SirHill
Le jeu est la plus belle des jouvences -
Ce sont les éléments HTML qui peuvent hériter des styles de leur parent , il n'y a pas d'héritage entre classes à proprement parler.
.toto {color:#cccccc}
<p class="toto">
jsdjhdhdh
<span>
tata
</span>
jsdjdjd
</p>
le contenu tata hérite de la classe toto et sera affiché en couleur #cccccc.
pour ton exemple
<div class="l">
blabla // font-size
<div class="l1">
tagada // font-size + blue
</div>
</div> -
Le plus judicieux serait de ne pas créer une nouvelle classe.
Il faut rassembler les class ensemble pour les propriétés communes (ici le font-size), comme ceci :
.l1, .l2, .l3{ font-size: 10px; } .l1{ color:red; } .l2{ color:blue; } .l3{ color:yellow; }
PS : je recommande d'utiliser des codes couleurs héxadécimaux (ex : #FFFFF => blanc)
1) Pensez à marquer votre discussion comme [Résolu].
2) Détaillez votre problème un maximum, afin qu'on puisse établir un diagnostic précis
