中学数学622008 views
いろは2993700 views
Computer365949 views
中学理科1627602 views
LaTeX958376 views
教育149072 views
りんご197366 views
高校国語786269 views
高校化学2915601 views
中学英語809520 views

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

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

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

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

ポイントは一つ。

> *:last-child

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