我的网站上有多个主题,用户只需单击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>