Как применить :nth-child к первым двум ссылкам?

Question

[rat_fucker]

Есть шапка, в которой располагаются ссылки на разделы сайта, при этом первые две "Профиль" и "Мой дневник" изменяются в зависимости от пользователя и ведут на его личные страницы. Я пытался изменить их содержимое через nth-child(1), nth-child(2), однако в таком случае изменяются все ссылки.

При этом если применить nth-child к .top_menu_link_container, то контент добавляется, однако сам класс становится не кликабельным. Как в этом случае добавить контент к первым двум ссылкам?

Answer 1

[v3shin]

.top_menu_link_container:nth-child(1) .top_menu_item {}
.top_menu_link_container:nth-child(2) .top_menu_item {}

Answer 2

[lUser L]

.top_menu_link_container:nth-child(-n+2) {
    background: green;
}