我正在编写一个chrome扩展名，它将在文档中注入一些元素。问题是注入的元素css继承自文档中指定的样式表。
文件中使用的样式
div {
color:red;
border:1px solid black;
}
从扩展名插入div样式表
#myext div {
color:#ccc;
}
但是，我没有在样式表中指定边框颜色，因此它是继承自页面样式表和丑化的嵌入式元素。
为了克服这个问题，我得出了一个结论，即为我的容器（#myext）指定所有的CSS属性，以便所有子元素都将从这些属性继承或使用iframe避免覆盖CSS。
最好的主意是什么？
像您建议的那样，将所有特定于ID的东西都确定下来，以确保正确的div为目标。这就是大多数插件倾向于这样做的方式。您始终可以用SCSS编写并编译它，以便在使用SCSS进行编码时变得更轻松您可以将所有内容包装在ID中，例如：
#mytext {
div {
border: 0;
}
h1 {
color: #000;
}
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句