最后一项后停止导航栏

Question

我试图让我的导航栏在第6项之后停止。

我想要删除垂直分界线和后面的暗区。然后我希望第6项在其末尾有圆角 - 与第1项开始的方式相同。

http://jsfiddle.net/Abijah/6ykVS/

Answer 1

我认为您希望导航看起来像Apple的菜单栏。所以改变了你的CSS＆amp;还添加了一些。请看一看。我觉得你这样喜欢它。

这是小提琴： http://jsfiddle.net/6ykVS/7/

Answer 2

#nav { width: auto; } /* this may reduce the extra space after the menu */

#nav li:last-child {  } /* this helps to write css for last li element */