html - 如何清除所有CSS样式

Question

我正在创建一段 HTML 以允许其他人向他们的网站添加功能(这是一个投票小部件)。我创建了一段这样的 HTML:

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

我花了很多时间来让这个小部件的格式恰到好处。它在不导入样式表的示例网页中效果很好。

但是，当我将小部件添加到 Drupal 站点上的页面时，导入的 CSS 对我精心设置的格式造成了严重破坏。我希望我的 HTML 片段忽略所有 CSS 样式表。这可能吗？

不管是否可行，有没有更好的解决方案？

Answer 1

与其依赖你的 CSS 样式不被任何导入的样式表覆盖，你应该给你的小部件一个唯一的 ID，并确保你所有的样式都是该 ID 的派生，确保实现任何你不想要的样式被覆盖(margin、padding 等):

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

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