面包屑效果纯CSS实现导航标签

1、在不同的页面为<body>标签添加一个id。比如首页是<body id=”home”>,赛事报道页面则是<body id=”report”>,以此类推。然后就可以使用CSS专门针对不同的body id值设置CSS样式了。我的样式是这样的(已缩减):

#home .nav_home a:link,#report .nav_report a:link  {background-position:0 -78px;color:#005ea5;}

2、你可以通过服务器端动态语言或者Javascript为导航标签动态添加类。<li class="<?php if(is_home()) { echo'current'; } ?>"><a href="<?php echo get_option('home'); ?>/">首页</a></li>

3、li添加class(ajart)补充

4、给所有的li都添加class

posted @ 2011-10-19 14:31  鱼叉伍德  阅读(569)  评论(0编辑  收藏  举报