在提供替代 CSS 时，我无法显示正确的 CSS。
我的 head 部分中有这两个 CSS 文件：
<link href="css1.css" rel="stylesheet" type="text/css" />
<link id="css2" href="css2.css" rel="stylesheet" type="text/css" />
和正文中的这个href：
<a href="#" onclick="document.getElementById('css2').href='css2.css'">Change</a>
该页面显示css2（背景颜色设置为绿色），但我希望它显示css1（红色），然后通过单击css2链接它应该更改为css2。
注意：CSS 工作正常，每个 CSS 文件只是具有不同的 background-color 属性。
你的锚应该调用一个javascript函数来添加
<link id="css2" href="css2.css" rel="stylesheet" type="text/css" />
动态到您的文档。在 jquery 中可以这样做：
$(document.body).append('<link href="css2.css" rel="stylesheet" type="text/css" />');
<link href="css1.css" rel="stylesheet" type="text/css" />
<link href="css1.css" id="css2" rel="stylesheet" type="text/css" />
和正文中的这个href：
<a href="#" onclick="document.getElementById('css2').href='css2.css'">Change</a>