Javascript:创建不继承 css 的元素？

Question

我正在为学校制作一个简单的 greasemonkey 脚本，它添加了一个丑陋的黄色框，其中包含一些指向所有网站的链接。目前我只是这样做:

var guesses_div = document.createElement("div");
guesses_div.style.position = "fixed";
guesses_div.style.right = "0";
guesses_div.style.bottom = "0";
guesses_div.style.backgroundColor = "rgb(255, 255, 0)"
// here I add some links to the "guesses_div"

这段代码工作正常。但是，它继承了它所在网页的样式。有没有办法防止这种情况？除了一个一个地覆盖所有样式元素之外？

谢谢!

Answer 1

简短的回答:没有。没有办法阻止继承的 css。

长答案:是的。您应该手动覆盖继承的 css 规则。