如何強制我的自定義樣式？

我有一個按鈕，編輯框等一些自定義樣式的小部件。但這個小部件工作在一個頁面，也有這些元素的自定義樣式。因此，主機頁面樣式和我的小部件樣式會受到干擾。如何強制我的自定義樣式？

是否有可能以某種方式保護我的小部件免受外來風格的侵害？

我只想讓我的樣式在我的小部件上工作。

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

如何強制我的自定義樣式？

回答

相關問題