Forcer css sans !important

Version imprimable

25/01/2013, 14h20
cedrick21

Forcer css sans !important
Bonjour,

j'ai un élément qui possède un style (couleur de fond, couleur de texte, etc).

En cliquant sur cet élément, via JQuery, j'ajoute une classe css
Code:

1 2 3 $('.isDispo').click(function(){ $(this).toggleClass('selectJour'); });
"selectJour" qui contient une modification de background s'ajoute bien au code HTML de mon élément.
Sauf que la modification ne se fait pas à l'écran.

En inspectant avec firebug j'ai vu que le code de "selectJour" est barré ... car déjà défini dans un autre élément.
Je peux évidemment contrer cela en mettant la notion !important dans la classe "selectJour" sauf que ça ne fonctionnera pas sur certains navigateurs !

Si vous avez une idée pour contrer ce soucis je suis preneur

Merci d'avance
25/01/2013, 14h47
bourvil

salut

je crois que !important marche avec tous les navigateurs et explorer a partir de IE7
25/01/2013, 14h59
cedrick21

mon soucis reste IE6 en fait :P
25/01/2013, 15h20
Bovino

IE6... :calim2:

Ceci dit, en fonction de ta feuille de style, il peut y avoir plein de raisons faciles à corriger qui font qu'une règle prédomine sur une autre.

Au pire, intéresse-toi à la notion de poids d'une règle.
Une règle CSS a plus d'importance en fonction de la nature et du nombre de ses sélecteurs.
25/01/2013, 15h44
cedrick21

ce doit être pour ça je pense ...

effectivement la classe css de base de mon élément (en l’occurrence un td) contient fond, couleur de texte, taille de texte et diverses autres choses.

La classe "selectJour" que je rajouter n'apporte qu'un changement de background.

Dans ce cas là je ne pourrais pas forcément faire grand chose, mais je vais creuser ta suggestion.

Merci beaucoup
30/01/2013, 09h00
RollinGStaR95

Salut,

Citation:

En inspectant avec firebug j'ai vu que le code de "selectJour" est barré ... car déjà défini dans un autre élément.
Je peux évidemment contrer cela en mettant la notion !important dans la classe "selectJour" sauf que ça ne fonctionnera pas sur certains navigateurs !

Mais si ton style n'est pas pris en compte à cause d'une priorité d'ID j'imagine, pourquoi tu rajoutes pas l'ID concerné devant ta classe au lieu d'un !Important ?