Irohabook
CSS ブロック要素

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

広告

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

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

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

ポイントは一つ。

> *:last-child

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

広告

コンピューター コンピューター
プログラミング プログラミング
数学 数学
英語 英語
国語 国語
理科 理科
社会 社会