Задание 8/28! 3-тий пункт не проходит! Помогите!

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

Помогите понять в чем ошибка. 3-тий пункт не проходит.

.main-menu a{
    display:block;
    padding:8px 14px;
    margin-bottom:-1px;
    color:#0088CC;
    text-decoration:none;
    border:1px solid #E5E5E5;
}
.main-menu a:hover{

}
/* ссылка в меню, внутри элемента с классом .active */
.main-menu .active a{
    color:white;
    background:#0088CC;
}
.main-menu a:hover{
    background-color:#F5F5F5;
}
.main-menu{
    width:180px;
    padding:0;
    margin:0;
    list-style:none;
}
body{
    font-family:Arial, sans-serif;
    font-size:14px;
    line-height:1.4;
    padding:10px;
}
2

Ошибки нет. Там просто получается, что в проверке находится пустое правило

и не засчитывается. Попробуйте удалить лишнее правило и задание выполнится.

Проверку поправлю вскоре, спасибо!

3

Спасибо! Помогло!

1 лайк
4

Я оформил без “.main-menu”, т.к. “а” только внутри “.main-menu”. В этом есть ошибка? А то проверку проходит только с “.main-menu”:

a:hover
{
background-color:#F5F5F5;
}

5

Это не ошибка. Если бы вы сами составляли стили для меню, то можно и так писать. В этом задании часть стилей уже написана. В небольшом фрагменте проблем конечно не будет, а в масштабах целой страницы, где ссылки могут быть не только в меню, селектор тега a может сыграть злую шутку. Поэтому лучше показывать эту вложенность, чтобы не запутаться.

1 лайк
6

Почему a:hover не распространяется на класс .active? Там ведь нету правил, которые отменяют изменения при наведении.

7

А почему вы решили, что не распространяется?

8

При наведение на пункт Услуги (с классом .active) фон ссылки не меняется.

9

Покажите, как написали. У меня меняется, вчера проверяла.