J'ai un workarea div-, où, je veux charger le contenu du corps d'un modèle. Je pourrais charger le contenu, mais comment charger le CSS du modèle. Si j'ai essayé de le charger, il remplace le CSS par défaut de la page dans laquelle je charge le contenu du corps du modèle. Je ne veux pas utiliser les iframes dans mon projet.comment charger css pour un div?
Merci à l'avance
Une autre alternative est de créer une feuille de style de remise à zéro juste pour ce conteneur div. Placez un sélecteur d'identifiant sur le conteneur div dans lequel vous chargez le contenu et utilisez cet identifiant comme préfixe pour les styles que vous utilisez dans le modèle.
<div id="template_content"></div>
et css
#template_content h2 {....}
#template_content p {...}
Si vous ne pouvez pas faire ce que votre seule option est iframe.
Votre seule option simple ici est d'utiliser un , les styles en cascade vers le bas, c'est juste comment ils fonctionnent et étaient destinés à travailler, si vous voulez avec radicalement différente d'une section de la page style qui n'hérite pas non plus, un est l'outil parfait pour cela.
Beaucoup de gens pensent cadres sont mauvais, que c'est une autre chose que iframes, peu importe de quel côté de la ligne que vous êtes sur éléments sont tout à fait légitime d'utiliser ici. Pourquoi essayer de résoudre le problème de manière très détournée lorsque l'outil parfait pour le travail est prêt à l'emploi?
Par exemple, c'est ainsi presque tous-éditeur de texte riche fonctionne dans une page, via un , pour de nombreuses raisons, mais de garder le style distinct est l'un d'entre eux :)
donner quelques id à cette div comme WorkArea. Maintenant, dans le fichier css, écrivez vos styles et de. Ne collez rien à tout divs du corps de css, corps en utilisant comme classe parente
pourrait être difficile, mais donner l'affichage ou la zone d'aperçu domination importante ...
comme ...
#template_content {
background: green !important;
}
puis lorsque vous chargez dans une autre feuille de style, l'arrière-plan # template_content ne peut pas être modifié à moins que vous avez! important défini sur la feuille de style que vous chargez.