С проблемой последнего пункта не столкнулась, потому-что на автомате прописала фон в .main-menu, как делала и раньше. В чем собственно мой вопрос, в условиях реального макета привычка прописывать фон всему списку, а не элементам может аукнуться неожиданными проблемами или это абсолютно нормальная практика?
.main-menu {
margin: 0;
padding: 0;
background: #2980b9;
}
.main-menu li {
display: inline-block;
margin-right: -5px;
border-left: 2px solid #2c3e50;
}
.main-menu a {
display: block;
padding: 10px 15px;
text-decoration: none;
color: #fff;
}
.main-menu .active a {
background: #1abc9c;
}