javascript - 查看页面时更改 CSS 代码

Question

我有一个网站，为了万圣节，我正在考虑添加一个按钮，将网站更改为万圣节主题。这将是一个隐藏按钮，因此我不希望它经常出现在 CSS 代码中。我一直在尝试做的是在您通过 Javascript 函数单击按钮时显示 CSS 代码。不幸的是，CSS 就是 CSS，无论您是否隐藏它，它只会呈现它的代码。简而言之，我正在寻找一种通过函数或任何其他方法通过 CSS 更改页面布局的方法。

Answer 1

1. 创建一个名为 halloween.css 的单独样式表并将其链接到页面
2. 以 .halloween 开始所有 css 规则，例如 .halloween h1 {background:black;color:orange}

3. 制作一个切换主体类的按钮，例如使用 jquery:

   $('#button').click(函数(){ $('body').toggleClass('万圣节'); });