头闻号

广州市源缘贸易有限公司

其他皮肤用化学品|香水|熏香|其他香料、香精|日用香精|精细化学品代理加盟

首页 > 新闻中心 > 科技常识:CSS标示导航条当前所在频道
科技常识:CSS标示导航条当前所在频道
发布时间:2024-09-22 03:49:28        浏览次数:5        返回列表

今天小编跟大家讲解下有关CSS标示导航条当前所在频道 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关CSS标示导航条当前所在频道 的相关资料,希望小伙伴们看了有所帮助。

利用CSS在导航条上标示当前所在频道的技术 已经有很长时间了 在很多CSS的书中都介绍过 不过还是总被问到 因此写一个简单的示例来讲解一下。 利用CSS在导航条上标示当前所在频道的技术 已经有很长时间了 在很多CSS的书中都介绍过 不过还是总被问到 因此写一个简单的示例来讲解一下。其实原理非常简单:1) 按照不同的频道(栏目) 分别为body定义id。例如:首页:<body id="p_home"> Blog频道:<body id="p_blog"> 相册频道:<body id="p_ablum"> 频道内的所有页面都要统一定义id。2) 导航条的相应栏目 也定义id或者class:<ul id="nav"><li class="nav_home"><a href="index.html">首页</a></li><li class="nav_blog"><a href="blog.html">Blog</a></li><li class="nav_album"><a href="album.html">相册</a></li></ul>3) 当前位置通过不同的body的id来分别:#p_home .nav_home a,#p_blog .nav_blog a,#p_album .nav_album a {……}

来源:爱蒂网