记得我有篇博文是写用js来实现滑动菜单(个性导航)的例子 博文地址-js个性导航 demo演示-狠狠的点击这里 css3能实现吗？ 随着css3的强大和流行，就用css3来实现了一个 css3 demo演示 怎么实现？ 今天的主角是nth-child选择器和 ~ 选择器，以及transition来打下龙套。简单介绍下： :nth-child(n) 选择某个元素的一个或多个特定的子元素，n表示第几个。例如 p span:nth-child(1)，选中p下面的第一个span，n是从1开始的，这很怪，猜是 w3c 的家伙集体打瞌睡了。n 也可以是表达式，如 2n 表示选择所有偶数个，等于even；2n+1 表示选择基数个，等于 odd；3n表示选择顺序是 3的倍数的子元素等等； ~ 兄弟选择器，选择跟在某个元素后面的特定兄弟元素，例如 p ~ div选中跟p同级，且在p后面的div； + 临近兄