CSS中current是做哪些地?

html-css08

CSS中current是做哪些地?,第1张

是自定义设置的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>

希望我的回答你能满意~