CSSで(任意の)最後の子要素にmargin:0を指定する
content というクラス名のブロックに p タグなどがつまった文章があるとき、それらのタグは margin-bottom または margin-top に値を指定することが多い。
しかし(最初または)最後の子要素は別の margin を 0 に指定したいとき、次のようにする。
.content > *:last-child {
margin: 0;
}
ポイントは一つ。
> *:last-child
これは(任意の)最後の子要素にデザインを指定したいときに使う。
ブロック要素
-
CSSで最初(最後)の要素だけのマージンや幅を変える02889