css справка по выбору первого ребенка

Question

Есть ли способ выделить первую ссылку и только первую ссылку непосредственно под элементом списка с классом «selected»?

Вот моя js скрипка

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;}

Это должно работать в вашем случае.