[ CSS ] :: héritage de "classes"

:: héritage de "classes" [ CSS ] - Programmation

Marsh Posté le 25-07-2001 à 09:54:22    

Bon je possède deux classes:
------------------------------------
TD.BB {
 border-bottom-color : Black;
 border-bottom-style : solid;
 border-bottom-width : 1px;
}
 
TD.Modules{
 background-color : Silver;
}
------------------------------------
 
et j'aimerais vois ma classe TR.Modules hériter des propriétées de TD.BB.
 
Comment faire?

Reply

Marsh Posté le 25-07-2001 à 09:54:22   

Reply

Marsh Posté le 25-07-2001 à 10:54:26    

Ben tu fais:
------------------------------------  
TD {  
border-bottom-color : Black;  
border-bottom-style : solid;  
border-bottom-width : 1px;  
}  
 
TD.Modules {  
background-color : Silver;  
}  
------------------------------------
 
C'est la meilleure solution :D. Maintenant, si tu as deja defini un TD general avec d'autres proprietes et que tu ne veux pas les mixer, il ne te reste plus qu'a faire :
 
------------------------------------  
TD.BB {  
border-bottom-color : Black;  
border-bottom-style : solid;  
border-bottom-width : 1px;  
}  
 
TD.Modules {
border-bottom-color : Black;  
border-bottom-style : solid;  
border-bottom-width : 1px;  
background-color : Silver;  
}  
------------------------------------
 
:D Alors bien sur c'est pas de l'heritage, c'est du recopiage mais ca la methode la plus clean a mon gout :) Bien sur c'est bien si tu n'as pas un CSS de 2 Mo :)
 
Sinon il te reste:
------------------------------------  
TD.BB {  
border-bottom-color : Black;  
border-bottom-style : solid;  
border-bottom-width : 1px;  
}  
 
TD.BB.Modules{  
background-color : Silver;  
}  
------------------------------------
qui est le vraie "heritage" en CSS2 (meme si ca s'appelle pas comme ca). Mais je trouve pas ca particulierement pratique parce que t'es oblige d'ecrire :
 
<tr><td class="BB Modules">
   <p>prout prout.
</td>
 
Voila toute une palette de solution...a toi de choisir ce qui te convient le mieux :)


---------------
Si t'es pas net, reste a la buvette
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed