替代CSS选项

Question

在提供替代CSS时，我遇到显示正确CSS的问题。

我的脑子里有这两个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文件只有不同的背景颜色属性。

Answer 1

你的主播应该调用添加

的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" />');

Answer 2

<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>