第一個孩子和最後一個子不爲CSS

運作的第一個孩子應該回家dsiplay圖像圖標，最後孩子不應該顯示背景圖片：第一個孩子和最後一個子不爲CSS

，但沒有圖像並顯示在第一個孩子和圖像不上的最後一個子

2012-08-06 alwayslearning

你似乎混淆類和僞選擇器，僞選擇: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。

來源

2012-08-06 23:24:12

+1說明。注意：你忘記了更改'.first'之一，這是更新的鏈接：http://jsfiddle.net/gUqC2/2/ – haynar 2012-08-06 23:27:46

所以我做到了！非常感謝=） – 2012-08-06 23:29:08

http://jsfiddle.net/gUqC2/5/ Thabk傢伙！但最新發生的佈局？一切都重疊？ – alwayslearning 2012-08-06 23:32:26

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

.whatever指的是元素與class="whatever"，而:first-child和:last-child是僞選擇，因爲你已經使用:hover的鏈接

來源

2012-08-06 23:23:08 haynar

第一個孩子和最後一個子不爲CSS

回答

相關問題