【css】リストの最後だけマージン付けないcss

※ 当サイトではアフィリエイト広告を利用しています。

ちょっといいコードを見つけたので、メモです！
よく、リストの最後だけマージン付けたくないっていうときこんなコード書いてましたが…

li{
  margin-right:30px;
}
li:last-child{
  margin-right:0;
}

こんなコードなら一つ書いて済んじゃいます！

li:not(:last-child) {
    margin-right: 30px;
}