nth-child(1) подхватывает все теги <a></a>
и делает всем ссылкам красный фон, а не лишь первой.
В чем может быть причина?
}
.main-menu {margin: 0;padding: 0;}
.main-menu li{
list-style-type:none;
display:inline-block;}
.main-menu li a{
display: block;
width:100%;
color: #ffffff;
background: #2980b9;
padding:10px 14px 10px 15px;
border-left:2px solid #2c3e50;
margin-right:-4px;
text-decoration:none;
}
.active a
{
background:#1abc9c;
}
.main-menu a:nth-child(1)
{
background:red;
}