这样情况 可以考虑每页使用相同的菜单代码 菜单类不要加入current类
然后在对应的页面加入标记current类应该显示未知的隐藏值 ，然后用js控制添加对应的current类就行了
像下面
<html><body>
<input type="hidden" id="curindex" value="1" />
<div class="menu">
<a>菜单a</a>
<a>菜单b</a>
<a>菜单c</a>
</div> //再引用jquery
<script type="text/javascript">
window.onload=function(){
var curindex=$("#curindex").val()
$(".menu a:eq("+curindex+")").addClass("current")
}
/* 打印样式 */
@media print {
color: red
}
/* 手机等小屏幕手持设备 */
@media screen and (min-width: 320px) and (max-width: 480px) {
body {
background: yellow
}
}
/* 平板之类的宽度 1024 以下设备 */
@media only screen and (min-width: 321px) and (max-width: 1024px) {
body {
background: blue
}
}
/* PC客户端或大屏幕设备: 1028px 至更大 */
@media only screen and (min-width: 1029px) {
body {
background: green
}
}
/* 竖屏 */
@media screen and (orientation:portrait) and (max-width: 720px) {对应样式}
/* 横屏 */
@media screen and (orientation:landscape){对应样式}
手机、平板设备屏幕尺寸众多，宽度不一，写手机、平板对应css时最好用百分比宽度来自适应各种大小不一的屏幕宽度。这个百分比尺寸不算太难但也不是个太轻便的活，如果你css不熟练的话最好先别折腾这块，把基础练好了来。
还有，用了css媒体查询后，ie6-8载入不了样式表，要引用个：Respond.js来让ie6-8下正确载入css。js自行百度，到处有下载。
