CSS标识导航栏条当今所属频道

日期:2021-03-15 类型:科技新闻 

关键词:快速建站,网站建设系统,免费网页建站,网站免费建设,建站系统


运用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 {
……
}