javascript - 如何使样式/颜色皮肤默认？

Question

我的 site 上有样式选择器.我可以使用右侧的齿轮选择任何样式/颜色的皮肤。我想弄清楚，如何覆盖默认样式？

Answer 1

您可以很容易地切换默认加载的 CSS。执行以下操作...

打开你的 index.html在第 91 行，您将找到所有样式表的列表，如下所示。

<link rel="stylesheet" type="text/css" href="css/colors/red.css" title="red" media="screen" />
<link rel="stylesheet" type="text/css" href="css/colors/jade.css" title="jade" media="screen" />
<link rel="stylesheet" type="text/css" href="css/colors/green.css" title="green" media="screen" />
<link rel="stylesheet" type="text/css" href="css/colors/blue.css" title="blue" media="screen" />
<link rel="stylesheet" type="text/css" href="css/colors/cyan.css" title="cyan" media="screen" />
<link rel="stylesheet" type="text/css" href="css/colors/orange.css" title="orange" media="screen" />
<link rel="stylesheet" type="text/css" href="css/colors/peach.css" title="peach" media="screen" />
<link rel="stylesheet" type="text/css" href="css/colors/pink.css" title="pink" media="screen" />
<link rel="stylesheet" type="text/css" href="css/colors/purple.css" title="purple" media="screen" />
<link rel="stylesheet" type="text/css" href="css/colors/sky-blue.css" title="sky-blue" media="screen" />
<link rel="stylesheet" type="text/css" href="css/colors/yellow.css" title="yellow" media="screen" />

加载的默认样式是列表顶部的第一个样式，在本例中为 red.css .因此，如果您想更改颜色，例如假设您希望将蓝色作为默认配色方案，则需要移动 <link rel="stylesheet" type="text/css" href="css/colors/blue.css" title="blue" media="screen" />。到第 91 行的顶部或 red.css 之上使其成为您的默认设置。您需要对所有页面 html 文件进行此更改，即 about.html , contact.html ， 等等。

如果您发现它有帮助，请将其标记为已接受的问题答案。谢谢。