Posez votre question Signaler

CSS et surcharge ?

dark90 29Messages postés 19 octobre 2001Date d'inscription - Dernière réponse le 12 nov. 2010 à 12:31
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;
}
Lire la suite 

CSS et surcharge »

Suggestions
4 réponses
Réponse
+1
moins plus
tu peux écrire :

<..... class="l l1"...> ( l'espace est un séparateur entre 2 noms de classe )
pyrogoto - 23 avril 2010 à 17:12
je suis d'accord avec toi marholyne
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
Ajouter un commentaire
Réponse
+0
moins plus
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
Ajouter un commentaire
Réponse
+0
moins plus
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>
Ajouter un commentaire
Ce document intitulé « CSS et surcharge ? » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
5 extensions si vous voulez revenir à l'ancien Facebook