覆盖容器CSS行为

Question

我创建了一个基于Javascript的元素,可以嵌入到网站中.Javascript本身将HTML代码添加到预定义的HTML容器中,并动态加载包含元素可视定义的必要CSS文件.

当网站本身有一般项目的定义时,问题就开始了.例如:站点的CSS定义了一个应用于元素列表的特定列表样式,因为元素的CSS没有定义显式列表样式,或者站点的CSS是否覆盖了元素的CSS定义.

目前,我能够通过明确定义列表的样式并添加!important定义来解决这个特定问题.但是,我肯定希望找到一个更强大的解决方案,以确保:1.网站CSS中未在元素CSS中明确定义的CSS定义将不会应用于元素2.我不需要明确将!important定义添加到我的每个CSS定义中

是否有一般的方法可以指定网站的CSS不会应用于某个元素,或者只有某个CSS会应用于特定元素？

任何帮助将不胜感激.

Answer 1

您需要使用本地化重置.

抓取现有的CSS重置,例如Eric Meyer的Reset Reloaded,并使用您的父元素命名所有选择器,例如#something a { ... }.