高校化学2930900 views
MathPython500231 views
高校日本史190903 views
小学社会311307 views
中学英語813147 views
小学理科721270 views
りんご217404 views
教育149914 views
いろは3021752 views
Computer369599 views
Help
Tools

English

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

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

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

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

ポイントは一つ。

> *:last-child

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