CSS et surcharge ?
dark90
Messages postés
29
Date d'inscription
Statut
Membre
Dernière intervention
-
xdiz Messages postés 108 Date d'inscription Statut Membre Dernière intervention -
xdiz Messages postés 108 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;
}
A voir également:
- Surcharge du style
- Style word - Guide
- Nom pour facebook stylé - Guide
- Style d'écriture a copier coller - Guide
- Chat style coco - Accueil - Réseaux sociaux
- Dubai style chocolate - Guide
4 réponses
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
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>
.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 :
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
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
mais trouve l'explication bizarre
pour preciser ce que tu veux dire
au lieu de faire des heritages dans les classes (si j'ai bien compris le post)
on applique plusieurs classes a un element HTML
ex :
<p class=" l l1">bla bla bla</p>
voila