Как сделать разные bullets у двух слайдеров?

Question

[Danila232]

У меня есть два Swiper-слайдера и у них должны быть разные буллеты. Но как я понял, у всех буллетов по дефолту стоят классы .swiper-pagination-bullet/.swiper-pagination-bullet-active. Хотя у их родителя может стоять любой класс.

<div class="main-pagination">

</div>

Например, родитель буллетов у меня с таким классом, но чтобы стилизовать сами точки всё равно надо прописывать стили для .swiper-pagination-bullet.
В доках свайпера увидел, что в js для пагинации можно задать bulletClass: '' и это по-идее перезапишет классы буллетов с дефолтных на свои, но у меня ничего не сработало.

В общем, подскажите, как можно прописывать стили для точек у разных слайдеров?

Comments

[Danny Arty]

Используйте вложенные селекторы

Answer 1

[zhnyaka]

самый простой вариант это прописать классы от родителя
.main-pagination .swiper-pagination-bullet {}