[CSS] divの中の最後の要素のmargin-bottomを0にする

divの中の最後の要素(pなど)のmargin-bottomを0にする方法を紹介します。

divの中の最後のpなどのmargin-bottomが効いて、余計なスペースが空くとかっこ悪いですよね。

ソースコード

クラス名「test」のdiv要素の直下の最後の要素のmargin-bottomを0にするソースコードは以下の通りです。

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