CSS:last-childより「last-child以外」の方がブラウザにやさしい

たとえば「リストが最後の時」にスタイルを変化させたい時、以下の書き方がよくあります。

li {
    margin-bottom: 20px;
}
li:last-child {
    margin-bottom: 0;
}

「平常時」と「last-childの時」の書き分けです。

これを「last-child以外の時」に書き換えます。

li:not(:last-child) {
    margin-bottom: 20px;
}

前者の書き方ように margin-bottom:0 で上書きすることが無いので、ブラウザ描画が減りやさしくなります。

AWSを利用した導入事例のご紹介

実際に構築を行ったAWSの事例を紹介しています。導入の目的に近い事例をご覧いただくと、実際の構成例やメリット、注意点などが把握できます。

ブックオフコーポレーション株式会社様
第一生命保険株式会社様
株式会社電通様
株式会社LIFULL様
株式会社リブセンス様
TBSアナウンス部様
明治大学様
拓殖大学様