css3にlast-of-typeという擬似クラスセレクタがあります。

p:last-of-type{margin-bottom:0px;}

などと書きます。


pタグは段落をあらわすため、margin-bottom:20pxとか、margin-bottom:1em;とかつけてる人多いと思います。

でもpでは常にmarginがついちゃいます。


「一番最後に出てくるpタグにはmarginつけたくないのだけどなぁ」

ということ、よくありますよね。
他にも

「一番最後に出てくるliタブにはborder-bottom付けたくないののだけどなぁ」

とか。


そういうときにこれを使います。

p:last-of-type{margin-bottom:0px;}
li:last-of-type{border:none;} 



便利ー。
ただし、この擬似クラスセレクタ、IEが対応してませんので、使うのはiphoneサイトとか、androidとかのときですね。