Désactiver le style CSS pour un fragment de page particulier

Question

Je cherchais et j'ai trouvé des articles qui sont similaires mais aucun d'eux n'a répondu à ma question "spéciale".

Ce que j'ai est une page avec en-tête et pied de page statiquement. Au milieu (le contenu) peut être un peu de HTML + CSS des utilisateurs. Ce que je ne veux pas, c'est qu'ils définissent des règles CSS qui gâcheraient l'en-tête, le pied de page ou le corps entier.

L'utilisation d'un iframe n'est pas vraiment une solution.

Merci

Answer 1

Le code YUI3 CSS Reset peut fonctionner contextuellement.

comprennent simplement le code:

<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.3.0/build/cssreset/reset-context-min.css"> 

Et ajoutez votre CSS après CSS de l'utilisateur, de sorte que le vôtre est évalué en dernier. Ensuite, réinitialiser le CSS sur vos éléments en leur donnant un attribut de classe comme ceci:

class="yui3-cssreset" 

Assurez-vous que vos déclarations sont aussi précis que possible, et qu'ils sont tous !important.

Mais pourquoi autorisez-vous l'utilisateur à fournir son propre CSS? Vous faire savoir que IE peut interpréter JavaScript à partir d'un fichier CSS avec des propriétés CSS magie noire?

Ce n'est pas prudent de le faire.