CSS Selectors concept in Swiper JS - Lesson 3

In Swiper JS, when defining custom classes for pagination bullets, you should not include the dot (.) before the class name in the bulletClass and bulletActiveClass properties.

Besides using a class selector (e.g., .swiper-pagination) for the el property in Swiper JS, you can use any valid CSS selector to target the pagination element. Here are some alternatives:

el: '#swiper-pagination'
el: 'div'
el: '[data-swiper-pagination]'

In this video, we made experiement with element id and attribute to target the swiper element.

Connect with me at:

[olenakitsak]

Thank you so much! I absolutely love how deeply you explained that.