css - cssに関して最初の子と最後の子が機能していない

Question

最初の子は画像アイコン ホームを表示し、最後の子は背景画像を表示しないようにする必要があります。

フィドルはこちら: http://jsfiddle.net/gUqC2/

ただし、最初の子には画像が表示されず、最後の子では画像が削除されません

Answer 1

クラスと疑似セレクターについて混乱しているようです。疑似セレクター:first-childは(クラス名)と同等ではありません。.first同様に、(再び、クラス名):last-childと同等ではありません。.last

使用する：

.bodyheader ul li:first-child a:hover { background-position: 0 -16px; }
.bodyheader ul li:last-child { background: none; margin-right: 0; padding-right: 0; }

更新された JS フィドル

参考文献:

• W3.org の CSS セレクター ページ の疑似クラス。

Answer 2

:first-childand:last-childの代わりに.firstand を使用する.last

.whateverリンクで使用したようにclass="whatever"、 、 while:first-childおよび:last-childは擬似セレクターで要素を参照します:hover