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

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

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

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

li:not(:last-child) {
    margin-right: 30px;
}
css
スポンサーリンク
Web Parts Box
タイトルとURLをコピーしました