Discussion :

[cedrick21]

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 :

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

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

[bourvil]

salut

je crois que !important marche avec tous les navigateurs et explorer a partir de IE7

[cedrick21]

mon soucis reste IE6 en fait

[Bovino]

IE6...

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.

[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

[RollinGStaR95]

Salut,

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 ?