怎么避免这个？Yslow - >"这个页面有5个外部样式表.尝试将它们合并为一个."

Question

我的网站上有多个主题,用户可以通过点击javascript链接在多个主题之间切换.我有5个CSS文件来处理所有主题的布局.1代表结构,3代表不同主题的颜色等,1代表其他一些东西.

我的css文件名读起来像这样.. main.css,red.css,green.css,black.css,others.css红色,绿色和黑色的css文件被定义为alternate stylesheets.

我已经安装了YSLOW!得到"This page has 5 external stylesheets. Try combining them into one."

我只是想知道是否可以将大多数CSS文件组合成更少数量的CSS文件.我知道我们可以定义`

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

`单个CSS文件中的部分.也可以为多个CSS文件做这样的事情吗？

谢谢你的帮助.

Answer 1

你的主要和其他可以合并,然后而不是附加其他三个,你能不能jsut必要时使用javascript加载它们？

像这样的东西:

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

<script type="text/javascript">

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

</script>

Answer 2

合并两个常见的样式表,并忽略YSlow的替代样式表.YSlow是一种工具,而不是法律的执行者.