Je connais l'ordre des sélecteurs css dans une feuille de style, mais l'ordre des références aux feuilles externes est-il important?Règle CSS non appliquée
J'ai une page référençant 2 feuilles. L'une des règles de la feuille principale remplace une règle dans l'autre feuille. Réorganiser les références n'a pas aidé. Je ne sais pas quoi faire.
whack un !important après le style que vous souhaitez appliquer.
Exemple:
p.my-style {
color:#000;
text-decoration:none !important;
}
pouvez-vous fournir un échantillon? peut-être que le style n'est pas assez spécifique à l'élément. – Evernoob
J'ai parlé trop tôt. Cela a aidé. –
La clause importante suite à une propriété est le moyen infaillible pour avoir la priorité sur tous les autres, mais vous pouvez y répondre d'une manière différente par la compréhension de la spécificité du sélecteur. Il y a une bonne introduction au concept de spécificité du sélecteur CSS here.
Essentiellement, vous voulez rendre le sélecteur qui contient la propriété que vous souhaitez « gagner » beaucoup plus spécifique en utilisant ids et une hiérarchie plus spécifique des tags/classes/ids
L'ordre de déclaration est utilisé en tant que bris d'égalité lorsque différentes règles ont la même importance, l'origine (auteur de la page, utilisateur ou utilisateur-agent) et la spécificité. Lisez la section "6.4.1 Cascading order" de CSS 2.1 pour plus de détails.
Si une règle ne s'applique pas, assurez-vous que le sélecteur correspond et est de spécificité égale ou supérieure à celle des autres sélecteurs correspondant au même élément. Examinez l'élément dans un bon débogueur CSS.
Avez-vous vérifié qu'il est en train d'être redéfini (en utilisant Firebug ou similaire?) – artagnon
Veuillez publier un cas de test minimal. – outis