via Auto-Selecting Navigation，其实前几天在 sitepoint 就看了第10条正是这个技巧。

这样的好处是，所有页面导航部分的代码一模一样，容易修改和维护。样式表中通过 body id=”XXX” 来控制当前页面链接的样式。代码如下：

…

样式表如下：

body.home #navigation li.home,

body.about #navigation li.about,

body.work #navigation li.work,

body.products #navigation li.products,

body.contact #navigation li.contact{

… whatever styles you need to show the tab selected …

}

关于导航中为什么使用 span，可以参看这篇文章 Centered Tabs with CSS，主要是为了让字数不统一的菜单也能使用倒角效果，最终效果在这里，看了就明白了。