OVH Cloud OVH Cloud

[CSS] Inclure une classe dans une autre

4 réponses
Avatar
AptGet
Bonjour,

Voila j'ai le problème suivant avec une feuille de style :

.t12 {
FONT-SIZE: 12px;
color: black;
font-family: arial;
}

.menu2fond {
background-image: url("menu2_04.gif");
}

Je souhaite que .menu2fond comporte également les propriétés de .t12 (un
sorte de "include .t12" dans .menu2fond).

Es-ce que cela est possible ?

Merci d'avance,
Cordialement

Aptget

4 réponses

Avatar
Pascal Chevrel
Le 15/08/2003 14:54, AptGet a écrit :

Bonjour,

Voila j'ai le problème suivant avec une feuille de style :

.t12 {
FONT-SIZE: 12px;
color: black;
font-family: arial;
}

.menu2fond {
background-image: url("menu2_04.gif");
}

Je souhaite que .menu2fond comporte également les propriétés de .t12 (un
sorte de "include .t12" dans .menu2fond).

Es-ce que cela est possible ?

Merci d'avance,
Cordialement

Aptget



Tu peux faire ça :

.t12, .menu2fond {
FONT-SIZE: 12px;
color: black;
font-family: arial;
}

.menu2fond {
background-image: url("menu2_04.gif");
}


Tu peux aussi cumuler les classes dans le HTML :

class="toto1 toto2 toto3"


pascal


--
FAQ Mozilla/Netscape 7 en français : http://pascal.chevrel.free.fr/
Foros Mozilla en español : http://pascal.chevrel.free.fr/mozilla
Avatar
AptGet
Bonjour,

Pascal Chevrel a ecrit dans
news:3f3cdb8d$0$6224$:

Le 15/08/2003 14:54, AptGet a écrit :

Bonjour,

Voila j'ai le problème suivant avec une feuille de style :

.t12 {
FONT-SIZE: 12px;
color: black;
font-family: arial;
}

.menu2fond {
background-image: url("menu2_04.gif");
}

Je souhaite que .menu2fond comporte également les propriétés de .t12
(un sorte de "include .t12" dans .menu2fond).

Es-ce que cela est possible ?

Merci d'avance,
Cordialement

Aptget



Tu peux faire ça :

.t12, .menu2fond {
FONT-SIZE: 12px;
color: black;
font-family: arial;
}

.menu2fond {
background-image: url("menu2_04.gif");
}




Ah oui !!!!!!!!!! bien vu :)


Tu peux aussi cumuler les classes dans le HTML :

class="toto1 toto2 toto3"




A l'origine pour mon site, j'utilisais la syntaxe : <td class= "bg1
(pour le background) t12 (pour la taille 12) menu2fond (pour le fond)">.
mais je trouvais ca un peu "sale".

pascal





Merci,

Aptget
Avatar
Pascal Chevrel
Le 15/08/2003 16:20, AptGet a écrit :

Bonjour,

Pascal Chevrel a ecrit dans
news:3f3cdb8d$0$6224$:


Le 15/08/2003 14:54, AptGet a écrit :


Bonjour,

Voila j'ai le problème suivant avec une feuille de style :

.t12 {
FONT-SIZE: 12px;
color: black;
font-family: arial;
}

.menu2fond {
background-image: url("menu2_04.gif");
}

Je souhaite que .menu2fond comporte également les propriétés de .t12
(un sorte de "include .t12" dans .menu2fond).

Es-ce que cela est possible ?

Merci d'avance,
Cordialement

Aptget



Tu peux faire ça :

.t12, .menu2fond {
FONT-SIZE: 12px;
color: black;
font-family: arial;
}

.menu2fond {
background-image: url("menu2_04.gif");
}





Ah oui !!!!!!!!!! bien vu :)


Tu peux aussi cumuler les classes dans le HTML :

class="toto1 toto2 toto3"





A l'origine pour mon site, j'utilisais la syntaxe : <td class= "bg1
(pour le background) t12 (pour la taille 12) menu2fond (pour le fond)">.
mais je trouvais ca un peu "sale".



Salut,

C'est pas plus sale, au contraire ça peut te permettre de creér des
classes générales que tu réutilises souvent et des classes spécialisées
complémentaires, bon, il faut pas en abuser non plus ;-)

Pascal

--
FAQ Mozilla/Netscape 7 en français : http://pascal.chevrel.free.fr/
Foros Mozilla en español : http://pascal.chevrel.free.fr/mozilla
Avatar
Daniel Glazman
AptGet wrote:


A l'origine pour mon site, j'utilisais la syntaxe : <td class= "bg1
(pour le background) t12 (pour la taille 12) menu2fond (pour le fond)">.
mais je trouvais ca un peu "sale".




Ce n'est ni sale ni limite. C'est exactement comme ça qu'il faut faire.

</Daniel>, membre du CSS Working Group