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等。

确保全部元素的相关样式已设置。