经典：CSS使用高级技巧20则

新客网 XKER.COM 2007-09-18 来源： 收藏本文

　　20. 在不同页面上使用同样的导航代码

　　许多网页上都有导航菜单，当进入某页时，菜单上相应这一项就应该变灰，而其他页亮起来。一般要实现这个效果，需要写程序或专门为每一页做设计，现在靠CSS就可以实现这个效果。

　　首先，在导航代码中使用CSS类：

• Home
  
• About us
  
• Contact us
  

　　然后分别为每一页的Body指定一个id，和上面类同名。如。

　　然后设计CSS如下：


#home .home, #about .about, #about .about
{
commands for highlighted navigation go here
}


　　这里，当id设为home时，.home就会起作用，也就是class设为home的那一行导航条就会显示出特殊效果来。其他页也是如此。