我的网站上有多个主题,用户只需单击JavaScript链接即可在多个主题之间切换。我有5个CSS文件来处理所有主题的布局。
1用于结构,3用于颜色等不同主题,1用于其他东西。

我的css文件名像这样读..
main.css,red.css,green.css,black.css,others.css
使用红色,绿色和黑色的css文件定义为alternate stylesheet

我已经安装了YSLOW!并获取"This page has 5 external stylesheets. Try combining them into one."
我只是想知道是否有可能将其中大多数合并为更少的CSS文件。我知道我们可以定义
`

@media screen
  {
  //screen
  }
@media print
  {
  //print
  }

`
单个CSS文件中的各个部分。是否可以对多个CSS文件执行类似的操作?

谢谢你的帮助。

最佳答案

您的main和other可以合并,然后不必附加其他三个,是否可以在必要时不使用javascript加载它们?

像这样:

<link rel="stylesheet" href="style1.css" id="stylesheet">

<script type="text/javascript">

function changeStyle() {
    document.getElementById('stylesheet').href = 'style2.css';
}

</script>

09-25 16:15
查看更多