如何使样式/颜色外观默认？

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。因此，如果您想更改颜色，例如，假设您希望BLUE为默认配色方案，则需要将<link rel="stylesheet" type="text/css" href="css/colors/blue.css" title="blue" media="screen" />移至91号线或red.css以上的顶部，以使其成为默认设置。您需要对所有页面html文件进行此更改，例如about.html,contact.html等。

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