2
J'ai un widget avec quelques styles personnalisés pour les boutons, les boîtes d'édition et etc. Mais ce widget fonctionne sur une page, qui a également des styles personnalisés pour ces éléments. Ainsi, les styles de page hôte et mes styles de widget interfèrent.Comment forcer mes styles personnalisés?
Est-il possible de protéger mon widget contre les styles étrangers en quelque sorte?
Je veux seulement que mes styles fonctionnent sur mon widget.
P.S.
Probablement, je peux joindre mon widget entier avec <div id="widgetname"> et préfixer tout mon style avec #widgetname * { ...some clearing rules ...} et ont alors tous mes styles avec le préfixe #widgetname? Quelque chose de cette manière? !
assurez-vous que vos styles personnalisés ont une plus grande [spécificité] (http: // codage. smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/), ou (en dernier recours) ajoutez! important à vos styles personnalisés. – ptriek
L'inclusion fonctionnerait, mais vous ne pouvez pas éviter que l'utilisateur charge CSS en remplaçant vos paramètres sur leurs pages. – Miquel
@ptriek, merci, ont augmenté la spécificité et obtenu ce que je voulais; mais je me demande encore, s'il est possible d'éviter d'appliquer des règles supplémentaires du tout? – Dims