Chrome扩展程序 - CSS在某些页面上混乱

Question

我正在编写一个Chrome扩展程序，可在现有页面的顶部插入DIV。我给了我的DIV一个独特的ID名称'juxiSidebar'。另外，我在页面中插入的所有ID和类都包含前缀'juxi'。问题是，当我访问某些页面时，有时我的CSS格式会搞砸，我不确定为什么会这样。当我在页面中搜索以'juxi'开头的任何ID /类时，我只看到自己的标签。

以下是我如何插入节点的片段：

var sidebar = document.createElement('div');
sidebar.id = "juxiSidebar"; 
document.body.appendChild(sidebar);

Answer 1

不仅ID和类选择器会影响元素的样式，还会影响其他选择器，例如div，body > div等。

确保已设置元素的所有相关样式。