2012-11-05 4 views
0

Disons que j'ai 2 sites, http://1.example.com, http://2.example.com.ignore les styles css sur certains sélecteurs de type

Mon problème est le suivant: je dois dynamiquement ajouter du contenu à 1.example.com et 2.example.com, dans le cadre de cet ajout de contenu dynamique, j'ai besoin de télécharger et d'appliquer un fichier css via javascript. Maintenant, il y a un tag <hr> dans mon contenu dynamique que je voudrais styler. Lorsque j'applique ceci sur 1.example.com, tout fonctionne bien, mais quand j'essaye de l'appliquer à 2.example.com, le problème est que 2.example.com a une feuille de style qui définit déjà des stylerules pour la balise <hr>. Comme dire rembourrage. Je ne veux pas remplacer les propriétés manuellement. Existe-t-il un moyen d'ignorer les styles <hr> définis dans 2.example.com pour mon contenu dynamique et d'appliquer uniquement les styles que j'ai téléchargés?

Répondre

1

Soyez plus précis. En savoir plus sur CSS specificity pour remplacer les styles.

Vous pouvez, par exemple, ajouter une classe au <hr> et le styler.

+0

Salut @bookcasey, La question que je suis en train de résoudre est disons que j'ai une feuille de style que nous appelons styles1 et que nous avons '


' défini avec la couleur: jaune; dans 1.example.com et quand je l'injecte dans 2.example.com, si ce site a une feuille de style appelle ça styles2 et '
' la frontière est définie, je ne veux pas le style de bordure, je pourrais juste définir la frontière dans mon fichier style1, mais ma question est, est-il moyen de ne pas faire ça? –

0

Essayez comme ça,

Vous pouvez trouver div parent dans votre contenu dymanic, Par exemple: .parent-div h {} vos styles