Здравствуйте. Прохожу испытание. Естественно, возникла проблема с последним пунктом меню. Пробовала делать через 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), изменений не было. Подскажите в чем дело, пожалуйста.
И если можно проверьте “красоту” кода.
СПасибо.