heritage de classes

heritage de classes - HTML/CSS - Programmation

Marsh Posté le 04-07-2005 à 16:01:54    

comment une classe CSS "B"
peut heriter des propriétés d'une classe "A"
merci

Reply

Marsh Posté le 04-07-2005 à 16:01:54   

Reply

Marsh Posté le 04-07-2005 à 16:34:47    

Spa la bonne catégorie ! HTML/CSS/JS ici.


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 04-07-2005 à 16:42:46    

jokari34 a écrit :

comment une classe CSS "B"
peut heriter des propriétés d'une classe "A"
merci


 

plainsofpain a écrit :

Spa la bonne catégorie ! HTML/CSS/JS ici.


 
Tu veux qu'il poste où ?

Reply

Marsh Posté le 04-07-2005 à 16:46:23    

O_o
 
J'suiiiiis fatiguéééééééé.
 
En fait une classe B peut hériter des propriétés de la classe A si cette classe B est une enfant de la classe A.  
 
Cela veut dire que ton élément de classe B doit etre contenu dans un élément de classe A.


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 04-07-2005 à 16:47:08    

jokari34 a écrit :

comment une classe CSS "B"
peut heriter des propriétés d'une classe "A"
merci


elle peut pas


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 04-07-2005 à 16:48:41    

Attention, toutes les propriétés CSS ne s'héritent pas.
 
Voilà un pense-bête : http://goetzilla.info/ressources/aide-memoire_css.pdf
 
Tu y trouveras les propriétés qui s'héritent.


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 04-07-2005 à 16:50:04    

Raph > tu l'as mis dans ton livre ca ?  
 
Je l'ai recu ce matin il parait, mais comme je suis pas chez moi, pas pu jeter un oeil (ou les deux).


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 04-07-2005 à 16:50:11    

sibelius a écrit :

Attention, toutes les propriétés CSS ne s'héritent pas.
 
Voilà un pense-bête : http://goetzilla.info/ressources/aide-memoire_css.pdf
 
Tu y trouveras les propriétés qui s'héritent.


Oui mais sa question c'était sur les classes pas les propriétés :o


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 04-07-2005 à 16:50:57    

ben je souhiate simplement faire en sorte que
 
.classe B et classe C
en plus de leurs propriétés heritent des propriétés de la classe mère A.

Reply

Marsh Posté le 04-07-2005 à 16:55:19    

Et je te dis que tu peux pas :o
 
Par contre comme il est parfaitement possible de donner plusieurs classes à un élément, il suffit d'avoit B et C qui complètent A et tu donnes à la fois la classe A et la classe B ou à la fois la classe A et la classe C à tes éléments :o


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 04-07-2005 à 16:55:19   

Reply

Marsh Posté le 04-07-2005 à 17:25:49    

genre < div class="classeC;classeA" >
 
 ?

Reply

Marsh Posté le 04-07-2005 à 17:28:47    

non, c'est pas comme ça qu'on définit une liste de classes


Message édité par masklinn le 04-07-2005 à 17:30:02

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 04-07-2005 à 17:29:55    

comment alors ?
<div class="classeC" class="classeA">
je suis pas sur qu eca soit valide ca.

Reply

Marsh Posté le 04-07-2005 à 17:30:00    

<div class="classeC classeA" >

Reply

Marsh Posté le 08-08-2005 à 15:50:04    

gatsusat a écrit :

<div class="classeC classeA" >


Une autre solution, plus respectueuse des standards du W3C, consiste à définir les propriétés communes des 2 classes dans la feuille de style, puis de définir des propriétés supplémentaires pour ces 2 classes.
 
On pourrait ainsi avoir : .ligne, .ligne2 {
 FONT-SIZE: 12px;
 border:0;
 color: #333333;
 float:none;
 clear: none;
 margin: 2px;
 padding: 2px;
}
.ligne{
 background-color: #999999;
}
.ligne2 {
 background-color: #cccccc;
}

Reply

Marsh Posté le 08-08-2005 à 16:04:54    

ouais ben ce que j'ai mis c'est aussi respectueux du W3C, ca te permet de spécifier ton élément
 
exemple : class="titre important"
 
ma classe important met un mot en souligné gras
et titre ca met un font-size de 25pt
 
ca peut servir

Reply

Marsh Posté le 08-08-2005 à 16:16:57    

Fmeurin a écrit :

Une autre solution, plus respectueuse des standards du W3C, consiste à définir les propriétés communes des 2 classes dans la feuille de style, puis de définir des propriétés supplémentaires pour ces 2 classes.
 
On pourrait ainsi avoir : .ligne, .ligne2 {
 FONT-SIZE: 12px;
 border:0;
 color: #333333;
 float:none;
 clear: none;
 margin: 2px;
 padding: 2px;
}
.ligne{
 background-color: #999999;
}
.ligne2 {
 background-color: #cccccc;
}


 :heink:  
 
Je ne vois pas ce que sa solution a d'irrespectueux pour les standards, elle est très bien [:spamafote]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 09-08-2005 à 17:52:07    

Effectivement, après tests, la solution class="classA classB" fonctionne et est valide.
Comme quoi on en apprend tous les jours.
 
Au moins nous avons un bon panel :)

Reply

Sujets relatifs:

Leave a Replay

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