a:hover при наведении
Доброго! При наведении курсора мыши каждый элемент списка должен менять цвет при наведении.
a:hover { color:whitesmoke; background: red;}
изменения работают но при этом background охватывает только текст , то есть серую область выше или ниже он не учитывает. кусок верстки
.top-nav {
width: 960px;
height: 48px;
background-color: rgb(48,48,48);
margin: auto;
padding: auto;
}
.top-nav ul {
margin-top: 10px;
padding-left: 20px;
display: inline-block;
color: whitesmoke;
font-family: 'Raleway', sans-serif;
font-size: 13px;
}
.top-nav a:hover{
text-decoration: none;
color: blue;
background: red;
width: 60px;
height: 40px;
}