ヒストリア285757 views
小学算数1196744 views
中学理科1627602 views
小学理科717886 views
LaTeX958376 views
いろは2993700 views
雑学1472908 views
中学数学622008 views
英語609386 views
世界の国561517 views

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

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

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

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

ポイントは一つ。

> *:last-child

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