Discussion :

[tete-jaune]

Bonjour,
Après divers tests et autant d'échecs je m'en remets à vous.
Dans un dev. en cours j'ai une feuille de styles principale dans laquelle un style est défini.
Cette feuille de styles je ne veux pas/peux pas la modifier.
Du coup, j'ai créé une feuille de style "enfant" afin d'ajouter mes propres styles et redéfinir ceux existants au besoin.
Mais dans le cas suivant, la redéfinition est ignorée :

style principal :

Code :

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

1
2
3
4
5
6
7
8
9
10
.mes_footer_holder {
    font-size: 13px;
    font-weight: 600;
    padding: 0px;
    position: relative;
    width: 100%;
    margin: 0px auto;
    z-index: 99;
    background: transparent none repeat scroll 0% 0% !important;
}

j'aimerai redéfinir le background comme ceci :

Code :

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

1
2
3
.mes_footer_holder {
    background: #FF00FF !important;
}

Ma couleur de fond est ignorée.
Dans l'inspecteur la redéfinition est barrée :


Si je décoche le background de mon style principal ça fonctionne ! La couleur est bien appliquée.


Avez vous une idée de comment forcer à appliquer ma couleur? Où est mon erreur?
Merci d'avance.

[Jacques Beauregard]

Bonjour,

Dans le main.css tu as également un !important . C'est pourquoi ici ton !important n'est pas prioritaire.
Dans quel ordre déclares-tu tes feuilles de style?

[Invité]

Bonjour,

• Tout ce que vous devez savoir sur la déclaration !important

[tete-jaune]

Bonjour,
en effet, c'est bien le !important de la feuille de style principale qui pose problème.
et… également l'ordre d'appel des feuilles de styles !
Il faut que je vois avec l'éditeur du template wordpress pour voir avec lui comment résoudre ce problème de feuilles de styles importées dans le mauvais ordre.
Merci à tous les 2.

[Invité]

Si c'est un thème Wordpress que tu modifies :
=> il faut créer un "thème enfant".

C'est dans ce "thème enfant" qu'il faudra appliquer TOUTES tes modifications (sinon, elles seront perdue à la prochaine mise à jour du thème "parent" !)

La feuille de style CSS "enfant" doit être créée dans ce "thème enfant". Elle sera appliquée APRES celle du thème parent.
Ce n'est donc pas un problème d'ordre des feuilles de styles, mais de "poids" des sélecteurs CSS (voir le tuto en lien ci-dessus).