CSS ブロック要素

CSSで(任意の)最後の子要素にmargin:0を指定する

content というクラス名のブロックに p タグなどがつまった文章があるとき、それらのタグは margin-bottom または margin-top に値を指定することが多い。

しかし(最初または)最後の子要素は別の margin を 0 に指定したいとき、次のようにする。

.content > *:last-child {
    margin: 0;
}

ポイントは一つ。

> *:last-child

これは(任意の)最後の子要素にデザインを指定したいときに使う。