javascript - Javascript 书签中的 CSS

Question

是否可以将 css 插入到 javascript 小书签中？

像这样简单的东西#div-name{ display: none !important; }？

Answer 1

复制自：如何使用 Javascript 添加 CSS？

我不喜欢引用链接，因为有时您会单击 5 个链接，但最终会出现死链接，并在此处显示评论：

要为页面添加样式，您可以：

var sheet =document.createElement("style");
document.head.appendChild(sheet);

这是该页面的解决方案：

你也可以使用 DOM Level 2 CSS 接口来做到这一点：

sheet.insertRule('strong { color: red; }', sheet.cssRules.length);

...除了（自然）IE，它使用自己的略有不同的措辞：

sheet.addRule('strong', 'color: red;', -1);

与 createElement-set-innerHTML 方法相比，这有一个理论上的优势，因为您不必担心在 innerHTML 中放置特殊的 HTML 字符，但实际上样式元素是旧版 HTML 中的 CDATA，并且 '< ' 和'&' 无论如何，很少在样式表中使用。

您确实需要一个样式表，然后才能开始像这样附加它。这可以是任何现有的活动样式表：外部的、嵌入的或空的，没关系。如果没有，目前创建它的唯一标准方法是使用 createElement。