爲什麼：第一個孩子選擇所有的孩子？

Question

我想只選擇「下拉菜單」中的第一個鏈接（帶有「ONE」文本的鏈接），但是:first-child將它們全部選中。

鏈接：

http://jsfiddle.net/773Xd/1/

對不起，在HTML部分的一塌糊塗，但我定製WordPress的主題，它會產生這麼多的class和id。

最重要的是在CSS文件的末尾。

Answer 1

你的CSS選擇器改成這樣......

#page-navigation ul li .sub-menu li:first-child a 

（即把僞類:first-child在li，而不是a）。

See it on jsfiddle.net

舊的選擇並沒有工作，因爲a總是li元素的第一個孩子。

但在新的選擇器中，li是ul元素的第一個孩子。