javascript – 如何避免这种情况？ Yslow – >“这个页面有5个外部样式表.尝试将它们合二为一.“

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

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

我已经安装了YSLOW！并获得“此页面有5个外部样式表.尝试将它们合并为一个.”

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

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

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

谢谢你的帮助.

解决方法:

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

像这样的东西：

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

<script type="text/javascript">

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

</script>

标签：javascript,css,html,yslow
来源： https://codeday.me/bug/20190713/1452621.html