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 Fiddle

参考：

• W3.org 的 CSS 选择器页面上的伪类。

Answer 2

使用:first-childand:last-child代替.firstand.last

.whatever指的是带有class="whatever", while:first-child和的元素:last-child是伪选择器，就像你在:hover链接中使用的那样