Discussion :

[Melem]

Je me suis demandé s'il était possible de faire l'héritage simple et/ou multiple en CSS. Par exemple quelque chose comme :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
.base {
    /* ... */
}
 
.class1 extends .base {
    /* ... */
}
 
.class2 extends .base {
    /* ... */
}

Je veux du vrai héritage, pas un jeu de class et de id.

Merci.

[Erwan31]

Bonjour,
la syntaxe n'est pas bonne, tu ne peux pas mettre de ";" après une accolade.
Mais pourrais tu expliquer ce que tu souhaites obtenir?

[Melem]

Ah oui désolé pour le point-virgule je fais plus de C++ que du CSS c'est pour ça ...

Ce que je veux c'est créer une classe, la classe de base, puis ensuite d'autres classes qui possèdent également les propriétés de cette classe de base. Est-ce que c'est possible?

Merci beaucoup.

[Bisûnûrs]

Pas de cette manière, non. L'héritage se fera au niveau du HTML, si class1 et class2 sont contenus dans base, alors ils hériteront des propriétés de base, selon les propriétés évidemment, certaines ne s'héritent pas.

Sinon, pour que class1 et class2 aient les mêmes propriétés que base, tu peux faire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
.base, .class1, .class2 {
   /* ... */
}

[Melem]

Ok, donc ce que je peux en conclure actuellement c'est que l'héritage, au niveau de la définition des classes, n'existe pas en CSS. C'est pas grave, je voulais tout simplement savoir si c'était possible, je ne dormais pas à cause de ça .

Par contre cette astuce d'héritage au niveau du HTML je n'y ai pas pensé. Ca me serait certainement d'une aide un jour. Il suffit de jouer avec des span (ou div ...) alors c'est bien ça? En tout cas, merci à tous ce qui ont participé.