Discussion :

[boyere]

Bonjour

savez vous s'il est possible de définir des sortes de classes mères qui regrouperaient les attributs d'autres classes. Le but étant d'alléger le code.

Exemple :

Code html :

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

<input type="button" class="classe1 classe2 classe3">

serait il possible de le réduire en :

Code html :

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

<input type="button" class="masuperclasse">

et si oui comment définir masuperclasse pour qu'elle représente en fait le cumul des propriétés des classe 1, 2 et 3 ?

Merci de votre aide, ca parrait tout bête mais je ne trouve pas.
Cordialement

[Bovino]

Non, ce type d'héritage n'existe pas en CSS.
En revanche, tu peux faire un truc du genre

Code :

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

1
2
3
.classe1, .masuperclasse{ ... }
.classe2, .masuperclasse{ ... }
.classe3, .masuperclasse{ ... }

ce qui reviendrait à peu près au même.

[boyere]

Oui c'est pas bête mais je ne peux pas modifier le fichier CSS ou sont définies mes classes 1, 2 et 3 (issues de jquery).

Les classes que je souhaite "regrouper sont pour info : ui-button ui-widget ui-state-default ui-corner-all"

[Bovino]

Bah dans ce cas, t'as pas trop de solution alors.
Ceci dit, dis-toi quand même que s'ils ont fragmenté les classes, c'est pas pour s'amuser à agacer les développeurs mais pour de bonnes raisons.
Quant au fait "d'alléger le code", ajouter plusieurs classes à un élément, ce n'est pas non plus ce qu'il y a de plus lourd.

[boyere]

OK merci de ton aide ... je vais me trainer les 4 classes sur chaque bouton, c'est pas bien grave.

J'aime bien factoriser

L'avantage est que si je veux changer de style pour mes boutons, je le changeais que dans ma feuille de style a un seul endroit ... et c'est un peu le but de ces feuilles .


La, je vais devoir fouiller dans tout le code, changer les classes ... avec évidemment le risque d'en oublier et de ne pas avoir un site "uniforme".

C'est étonnant que cela n'existe pas, cela vous parait adhérant comme besoin ?

[Bovino]

je ne peux pas modifier le fichier CSS ou sont définies mes classes 1, 2 et 3

L'avantage est que si je veux changer de style pour mes boutons, je le changeais que dans ma feuille de style a un seul endroit ...