Discussion :

[DonQuiche]

Bonjour à tous.

Je me suis mis au développement web et au css depuis peu. Pour le site que je développe, j'ai créé un calendrier, basé sur une table.

Certaines cellules du calendrier sont grisées car elles appartiennent au mois précédent ou suivant. D'autres, celles du mois principal, apparaissent en clair. Enfin, la cellule du jour courant a un style encore différent. Soit trois classes. Le css contient quelque chose comme ça :

Code :

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

1
2
3
    td.day-cell                 { ... }
    td.grayed-day-cell             { ... }
    td.current-day-cell            { ... }

Évidemment, les trois styles sont très similaires. Du coup, je me dis qu'il doit être possible de ne définir complètement que le premier et le réutiliser pour les deux autres, comme un héritage de classe en somme. Seulement, malgré mes recherches sur google, je n'ai rien trouvé.

Alors, est-ce possible s'il vous plaît et, si oui, comment faire ? Sinon, quelle est la meilleure pratique pour un cas comme celui-ci ?

[sebhm]

Bonjour,

Dans le HTML, tu peux cumuler tes classes

Code :

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

<div class="generique complementaire">...</div>

[polymorphisme]

Bonjour DonQuiche,

à cela, renseignement toi effectivement sur la notion de propriétés héritées en CSS. Par exemple, la taille de police fait partie des propriétés héritées ...

[sebhm]

Bonjour,

Dans l'héritage CSS, un élément HTML hérite des propriétés CSS (la plupart en tout cas) de son parent HTML.
Mais un élément CSS ne peut hériter des propriétés d'un autre élément CSS.
Tu ne peux pas avoir une classe

Code :

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

1
2
3
4
.parent { 
  propriété1 : valeur1;
  propriété2 : valeur2;
}

et une autre

Code :

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

1
2
3
4
.fils {
  //hérite de .parent => donc récupère les valeurs de propriété1 et 2
  propriété3 : valeur3;
}

[DonQuiche]

Merci beaucoup à vous deux pour vos réponses.

J'ignorais qu'il était possible d'utiliser deux styles et cela répond parfaitement à ce dont j'ai besoin. Quant à cette idée d'héritage entre deux styles, au moins me voilà fixé : c'est impossible.