css - css：last-childが正しくありません

Question

最後の画像のマージンをゼロにリセットしようとしていますが、最後の子がすべてをリセットしています。これを正しく使用していません...

http://jsfiddle.net/telagraphic/MAgpU/

すべきですか？

div#social:last-child{
    margin-right: 0;
}

Answer 1

ソース内のすべてimgは、その親であるaタグの最後の子です。代わりにこれを使用して問題を解決できます。

div#social a:last-child img{
    margin-right: 0;
}

divその間、すべての ID セレクターから修飾子を削除します。（div#socialになります#social）。ページにはその ID を持つ要素が 1 つしかないため、通常は冗長であり、セレクターのパフォーマンスが低下する可能性があります。