第一个孩子和最后一个孩子没有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; }

Updated JS Fiddle

参考文献：

• Pseudo-classes at the W3.org's CSS Selectors page。

Answer 2

使用:first-child和:last-child代替.first和.last

.whatever引用包含class="whatever"的元素，而:first-child和:last-child是伪选择符，因为您已使用:hover链接