Чего-то мне не понятно. [20/28]

Здравствуйте. Прохожу испытание. Естественно, возникла проблема с последним пунктом меню. Пробовала делать через last-child. В итоге ничего не получилось. На форуме нашла подсказку о заливке фона. Сделала на 100 %. Но мучает вопрос: что было не так с last-child? Ведь так тоже можно сделать как я понимаю.

.main-menu{
background: #2980b9;
padding: 0;
margin: 0;
}
.main-menu li {
list-style: none;
display: inline-block;
margin-right: -5px;

}
.main-menu a {
display: block;
border-left: 2px solid #2c3e50;
background: #2980b9;
text-decoration: none;
color: #ffffff;
padding: 10px 15px;

}
.main-menu .active a {
background-color: #1abc9c;
}

После этого кода (когда в нем нет background для .main-menu) вставляла
.main-menu li:list-child {

}
так вот что бы я не писала внутрь селектора (padding-right, width), изменений не было. Подскажите в чем дело, пожалуйста.
И если можно проверьте “красоту” кода.
СПасибо.

Так будет работать:
.main-menu li:list-child a {

}
К коду у меня замечаний нет.

1 лайк

во, так получилось:slight_smile: Спасибо большое!