Переключатель страниц, шаг 4 [7/18]


#1
body {
margin: 0;
padding: 0;
font-size: 16px;
font-family: "PT Sans", sans-serif;

}

.paginator {
width: 280px;
margin: 30px auto;
padding: 10px;
white-space: nowrap;
background: #ecf0f1;
}

.paginator a,
.paginator span {
display: inline-block;
min-width: 20px;
height: 40px;
padding: 0 10px;
text-align: center;
vertical-align: middle;
line-height: 40px;
text-decoration: none;
font-weight: bold;
color: white;
background: #95a5a6;
}

.paginator .prev {
margin-right: 20px;
text-indent: -1000px;
background-image: url("/assets/course14/arrows.png");
background-repeat: no-repeat;
background-position: 0 0;
}

.paginator .next {
margin-left: 20px;
text-indent: -1000px;
background-image: url("/assets/course14/arrows.png");
background-repeat: no-repeat;
background-position: 0 -40px;
}

.paginator .current {
background: #16a085;

}

.paginator .disabled {
opacity: 0.3;
}

.paginator a:hover {
color: #2ecc71;
}

В этом задании почему-то при наведении курсора меняют свой цвет только цифры, а стрелочка “Вперёд” не меняет, что не совсем логично… с “Назад” то понятно - она не активна…


#2

“Стрелочка” ведь изображение, а не текст.


#3

ну да… затупил… и с толку сбило еще следующее задание - где подсвечивается (как оказалось) фон, а не текст… за то разобрался, спасибо :slight_smile: