css第一个孩子选择器帮助

Question

有没有办法突出显示第一个链接，只有第一个链接，直接位于列表项目下面的“已选择”类？

这是我的js fiddle

Answer 1

是的，使用

.selected > a:first-child {
    /* CSS */
}

>限制选择器指导儿童。

Answer 2

您可以使用第一个子选择器。

.selected > a:first-child {
    color: red;
}

您也可以使用nth-child()执行此操作。

.selected > a:nth-child(1) {
    color: red;
}  

或

.selected > a:nth-child(1n - 1) {
    color: red;
}

：）

Answer 3

.selected > a:first-child {color:red;}

这适用于你的情况。