使用 :not() 来精简css代码

// 不使用:not()
.nav li {
  border-bottom: 1px solid #666;
}
.nav li:last-child {
  border-bottom: none;
}

// 使用:not()
.nav li:not(:last-child) {
  border-bottom: 1px solid #666;
}

// 或者使用兄弟选择符~
.nav li:first-child ~ li {
  border-bottom: 1px solid #666;
}

上一篇:markdown学习


下一篇:C/C++编程学习 - 第20周 ⑧ 复读机