@Breeze1

Как сделать активными все slick dots до текущей активной?

https://codepen.io/brezze/pen/oNvaKGy

Нужно, чтобы выделялась как активная не только slick dot, соответствующая текущему слайду, но предыдущие.

Например, если мы кликаем на третий слайд, активными становятся первая, вторая и третья точки. Если мы на четвёртом слайде, активны все точки. Если на первом, только первая и так далее.
  • Вопрос задан
  • 450 просмотров
Решения вопроса 2
0xD34F
@0xD34F Куратор тега CSS
По умолчанию кнопки пусть будут красными (типа активные), а те, что расположены после активной перекрашиваете в синий (неактивные):

.slick-dots {
  li button {
    background-color: red;
  }

  li.slick-active ~ li button {
    background-color: blue;
  }
}
Ответ написан
Get-Web
@Get-Web Куратор тега CSS
Front-End Developer
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы