如何清除所有CSS样式

Question

我正在创建一个HTML片段,允许其他人为他们的网站添加功能(这是一个投票小部件).我已经创建了一个像这样的HTML片段:

<div>
   [implementation of my voting widget]
</div>

我花了很多时间来正确地获得这个小部件的格式.它在不导入样式表的示例网页中运行良好.

但是,当我将小部件添加到Drupal站点上的页面时,导入的CSS会严重破坏我的格式化.我希望我的HTML代码段忽略所有CSS样式表.这可能吗？

无论是否可能,是否有更好的解决方案？

Answer 1

您应该为您的窗口小部件添加一个唯一的ID,并确保所有样式都是该ID的衍生物,确保实现您不希望被覆盖的任何样式,而不是依赖于您的CSS样式而不被任何导入的样式表覆盖. (margin,padding等):

<div id="votify">
   [implementation of my voting widget]
</div>

#votify {}
#votify ul {}
#votify div span {}
/* etc */