0
0

Рботал с курсом html и Css  всё получилось кроме изменения цвета фона при наведении на ссылку. Вот код:

CSS

menu{
list-style:none;
margin: 0 auto;
}
a{
text-decoration: none;
font-family: inherit;
transform: .5s linear
}
.mymenu{
display: block;
width: 410px;
margin:0 auto 30px;
margin-top: 10px;
}
.goodes menu{
background: ;
overflow: hidden;
padding: 0;
}
.goodes li{
float: left;
}
.goodes a{
display: block;
padding: 1em;
border-right: 1px solid #8B4513 ;
border-left: 1px solid #8B4513;
background: rgba(222, 184, 135, 1);
color: ;
}
.goodes li hover{
background-color: #8B4513 ;
}

HTML

<div class="mymenu goodes">
<menu>
<li> <a href="#">Главная </a></li>
<li> <a href="#">Работы </a></li>
<li> <a href="#">О нас </a></li>
<li> <a href="#">Блог </a></li>
<li> <a href="#">Контакты </a></li>
</menu>
</div>

Спасибо alex b


Germanee
4 years ago






.goodes li hover{
background-color: #8B4513 ;

тут ошибка в синтаксисе, вы пропустили :hover 

Alex B
4 years ago

Один ответ