我正在制作Chrome扩展程序，在页面加载时将html元素添加到用户页面内容中。扩展名插入的元素的样式在扩展名的css中指定。这大部分工作正常。
问题：有时我的扩展元素会出现样式问题，因为用户访问的网站有一个样式表，其样式包含*{ ... }或img{ ... }等样式，样式为应用于我的扩展元素。
我想找到一种方法来确保我的Chrome扩展程序插入网站页面内容的html元素仅受我的css影响，并且不受用户访问的网站的css影响。我完成此任务的一种方法是我提供大多数html元素类型，例如<myExtensionDiv>而不是<div>。但是，如果网站使用*{ ... }并且无法避免在我的扩展程序的html中使用<img>元素，则此功能不起作用，因此它们通常会受到影响。