How to target css the second slide in a Slider element

How To
1

Our first slide has a light backgournd so the text is Dark but our second slide has a Dark background we need white text. How to target a specific slide css.

Thank you

2

Hi @wissam,

it’s a bit complicated to target the slides with something like nth-child() because of the duplicated slides, but the slider-item contains a data-index (starting at 0), so this will do the job:

root .slider-item[data-swiper-slide-index="1"] .title,
root .slider-item[data-swiper-slide-index="1"] .content {
  color: white;
}