Почему не работает last-child?

Question

[Andrew]

Почему last-child не срабатывает на ссылках?
codepen.io/juniorCh/pen/MwxdMj
Когда ставлю на li все нормально.

Answer 1

[Serj-One]

last-child() выбирает последний элемент относительно родителя текущего. Не работает как вам нужно, поскольку а - единственный, он же первый и последний элемент в li.
Правильно будет так:

.navbar-nav li:last-child a {
   border-right:2px solid red; 
}

А вообще, в таких случаях более уместен last-of-type()

Comments

[Andrew]

Спасибо)

Answer 2

[lavezzi1]

Потому что у вас атрибут а находится в li, он там первый и последний. А вот у ли есть last-child, потому что их несколько.

Comments

[edk55]

"Потому что у вас атрибут а находится в li"
- это не атрибут, а тег. На всякий случай)

Answer 3

[NickBetali]

.navbar-nav li:last-child a {
   border-right:2px solid red; 
}