如何强制我的自定义样式？

我有一个按钮，编辑框等一些自定义样式的小部件。但这个小部件工作在一个页面，也有这些元素的自定义样式。因此，主机页面样式和我的小部件样式会受到干扰。如何强制我的自定义样式？

是否有可能以某种方式保护我的小部件免受外来风格的侵害？

我只想让我的样式在我的小部件上工作。

P.S.

也许，我可以附上我的整个小部件<div id="widgetname">和前面加上我所有的造型与#widgetname * { ...some clearing rules ...}，然后有我所有的样式#widgetname前缀？那种方式？！

来源

2011-12-29 Dims

请确保您的自定义样式具有更高的[特异性]（HTTP：//编码。 smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/）或（作为最后的手段）添加！对您的自定义样式很重要。 – ptriek 2011-12-29 11:15:29

封闭可以工作，但是你不能避免用户加载CSS覆盖他们页面上的设置。 – Miquel 2011-12-29 11:15:31

@ptriek，谢谢，增加了特异性，并得到了我想要的;但我仍然怀疑，是否有可能避免应用额外的规则？ – Dims 2011-12-29 11:39:47

放#widgetname，并在你的样式表底部及其相应的类，如果你的部件仍从其他继承，使用重要

来源

2011-12-30 06:30:12

如何强制我的自定义样式？

回答

相关问题