运用CSS在导航栏条上标识当今所属频道

日期:2021-01-20 类型:科技新闻 

关键词:制作小程序,小程序商城,扫码点餐小程序,微信小程序开店的步骤,牛刀小程序


运用CSS在导航栏条上标识当今所属频道的技术性,早已有很长期了,在许多CSS的书中都详细介绍过,但是還是总被问到,因而写1个简易的示例来说解1下。
运用CSS在导航栏条上标识当今所属频道的技术性,早已有很长期了,在许多CSS的书中都详细介绍过,但是還是总被问到,因而写1个简易的示例来说解1下。
实际上基本原理十分简易:
1) 依照不一样的频道(栏目),各自为body界定id。比如:
主页:<body id="p_home">
Blog频道:<body id="p_blog">
相册频道:<body id="p_ablum">
频道内的全部网页页面都要统1界定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 {
……
}
上一篇:应用CSS做出1个嵌套循环导航栏. 返回下一篇:没有了