您也可以使用 DOM Level 2 CSS 接口 ( MDN ) 来做到这一点：

var sheet = window.document.styleSheets[0];
sheet.insertRule('strong { color: red; }', sheet.cssRules.length);

…除了（自然）IE8 和之前的所有版本，它使用自己略有不同的措辞：

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

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

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