Испытание: многоуровневое меню [15/28] help me please

Курсы §13. Мастерская: создаём меню
1

Не получается что то больше 93% не смог, что не так подскажите пожалуйста?

  <body>
    <ul class="main-menu">
        <li class="active">
            <a href="/courses">Курсы</a>
            <ul>
                <li><a href="/courses/4">Знакомство</a></li>
                <li><a href="/courses/42">Селекторы</a></li>
                <li><a href="/courses/45">Позиционирование</a></li>
            </ul>
        </li>
        <li><a href="/demos">Демонстрации</a></li>
        <li><a href="/public_profiles">Участники</a></li>
        <li><a href="/achievments">Достижения</a></li>
    </ul>
</body>

html,
body {
margin: 0;
padding: 0;
}

body {
width: 280px;
min-height: 280px;
padding: 10px;
font-family: “Arial”, sans-serif;
font-size: 14px;
line-height: 1.4;
background: #ecf0f1;
}

.main-menu {
width:200px;
list-style:none;
padding:0;
margin:0;
}

.main-menu a {
background:#2980b9;
display:block;
padding:10px 15px;
border-bottom:2px solid black;
color:white;
text-decoration:none;

}

.main-menu ul {
padding:0;
list-style:none;

}

.main-menu .active >a{
background:#1abc9c;
border-bottom:2px solid #2c3e50;
}

.main-menu li li a{
background:white;
color:#3285BC;
text-decoration:underline;
display:block;
padding:10px 15px;
}

.main-menu li li a:last-child{
padding-bottom:10px;
border-bottom:2px solid #2c3e50;

}

.main-menu li li:nth-child(2){
margin:-10px 0;
}

.main-menu li li a:first-child{
padding-top:12px;

}

2

У Вас снова не тот цвет border.
Никакие …child здесь не нужны.

color:#3285BC; /* откуда такое значение цвета? */
1 лайк
3

Valery-S не знаю как вас благодарить, я с некоторыми ошибками справился и еще подумаю как еще можно улучшить код у меня в итоге 94%. В форуме есть много ответов, но я хочу найти ответы сам, и понять глубже детали которые мне помогут хорошо изучить верстку. Удачи друг! :wink:

1 лайк