是自定义设置的CSS类名,一般意思是只当前位置,举个例子,例如导航代码
<li class="current">首页</li><li>联系我们</li>
上面是html代码部分,下面是CSS代码部分
<style>.current{color:#000}</style>这样使用current这个类名的样式字体颜色就会变成黑色了。
这样情况 可以考虑每页使用相同的菜单代码 菜单类不要加入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")
}
a{color:red} 是页面所有超链接的颜色为红色。a.current{color:blue} .current指链接的样式名,单独针对这个名字的链接设置样式。
a:hover{color:yellow} :hover 是指鼠标滑过的样式! 是 : 不是 。
下面是页面
<a href="#">一个普通的红色颜色链接</a>
<a href="#" class="current">蓝色链接,链接样式名为current的超链接</a>
希望我的回答你能满意~