Как сделать уникальные кнопки (prev, next) для каждого из 3х слайдеров Owl-carousel?
в этом слайдере предусмотрена опция для текста кнопок(или html кода кнопок)
например:$('.owl-carousel1').owlCarousel({
    items: 5,
    navText: ['<div class="prev1"></div>','<div class="next1"></div>']
});
$('.owl-carousel2').owlCarousel({
    items: 5,
    navText: ['<div class="prev2"></div>','<div class="next2"></div>']
});
$('.owl-carousel3').owlCarousel({
    items: 5,
    navText: ['<div class="prev3"></div>','<div class="next3"></div>']
});
где<div class="prev1"></div>
<div class="next1"></div>
<div class="prev2"></div>
<div class="next2"></div>
<div class="prev3"></div>
<div class="next3"></div>
ваши кнопочки, например.
И мой вам совет - не трогать css слайдера. Практически всё решается внутри .owlCarousel({...}) и обычно несколькими строками. Это лучше чем менять стандартные классы слайдера, и потом разбираться из за какого стиля слайдер криво выглядит или не работает.
в html вроде этого....<div style="background-image: url(img/left-chevron.svg)" class="swiper-button-next"></div>
				<div class="swiper-button-prev"></div>