Chrome扩展-CSS在某些页面上搞砸了

Question

我正在编写一个Chrome扩展，它在现有页面的顶部插入一个div。我给我的DIV起了一个独特的ID名称，"juxiSidebar"。此外，我插入到页面中的所有ID和类都包含前缀"juxi"。问题是，当我访问某些页面时，有时我的CSS格式会出错，我不确定为什么会发生这种情况。当我在页面上搜索任何以"juxi"开头的ID/Classes时，我只看到自己的标签。

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

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

Answer 1

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

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