使用 :not() 选择器来决定表单是否显示边框

先为元素添加边框

  1. /* 添加边框 */
  2. .nav li {
  3.   border-right: 1px solid #666;
  4. }

为最后一个元素去除边框

  1. /* 去掉边框 */
  2. .nav li:last-child {
  3.   border-right: none;
  4. }

不过不要这么做，使用 :not() 伪类来达到同样的效果：

  1. .nav li:not(:last-child) {
  2.   border-right: 1px solid #666;
  3. }

CSS选择器以人类描述它的方式定义边界。

演示