Target the previous and next slide for css-styling ?

Is it possible to speak via css with previous and next slide? I found slickCurrentSlide(); but i couldn’t handle it to set new classes to the previous and next slide. Do you have a quick hint for me?

[Serifenlos]

I could solve this for me:

$('.slider').slick({
    centerMode: true,
    centerPadding: '5%',
    slidesToShow: 1,

    onInit: function () {
        $('.slick-active').prev().addClass('prev');
        $('.slick-active').next().addClass('next');
    },

    onBeforeChange: function () {
        $('.slick-slide').removeClass('prev next');
    },

    onAfterChange: function () {
        $('.slick-active').prev().addClass('prev');
        $('.slick-active').next().addClass('next');
    }

});

[Serifenlos]

For a redesign of the website i was looking for a new solution. I found this and get happy: https://stackoverflow.com/a/32532363

$('.slider')
.on('afterChange init', function(event, slick, direction){
    // console.log('afterChange/init', event, slick, slick.$slides);
    // remove all prev/next
    slick.$slides.removeClass('prevSlide').removeClass('nextSlide');

    // find current slide
    for (var i = 0; i < slick.$slides.length; i++)
    {
        var $slide = $(slick.$slides[i]);
        if ($slide.hasClass('slick-current')) {
            // update DOM siblings
            $slide.prev().addClass('prevSlide');
            $slide.next().addClass('nextSlide');
            break;
        }
    }
  }
)
.on('beforeChange', function(event, slick) {
    // optional, but cleaner maybe
    // remove all prev/next
    slick.$slides.removeClass('prevSlide').removeClass('nextSlide');
})
.slick({
  speed: 900,
  cssEase: "cubic-bezier(0.165, 0.840, 0.440, 1.000)",
  centerMode: !0,
  centerPadding: "4%",
  lazyLoad: "progressive",
  slidesToShow: 1
});