在前端开发中，我们通常使用CSS来渲染网页的样式。有时候，我们需要在运行时动态地添加一些CSS规则，例如根据用户的操作动态改变页面的样式。这时我们可以使用JavaScript动态地将CSS添加到页面。
使用JavaScript创建CSS规则
我们可以使用JavaScript创建CSS规则，并将其添加到页面的样式表中。以下是一个示例：
-- ---------- --- ----- - -------------------------------- ---------- - ----------- -- ------- --- ---- - --------- - ------ ---- --- ------------------------------------------------- -- ----------------- ---------------------------------
这个示例创建了一个新的