Как реализовать навигацию на слайдере?

Question

[Semmy_99]

Здравствуйте . Подскажите пожалуйста. Есть слайдер от "Owl Carousel". В нем есть две кнопки button навигационные с классом .owl-next и .owl-prev. Хочу сделать чтобы при наведении на слайдер появлялись обе кнопки? Предположим,что у слайдера класс .Slider !
Я попробовал сл образом :
.Slider .owl-next:hover {какие то стили после наведения}
.Slider .owl-prev:hover{какие то стили после наведения}

В результате я получал появление только одной из стрелочек/кнопок навигации.

А как оформить без JS чтобы при наведении на какой то элемент у него задействовались обе кнопrи?

Так же пробовал через ::after и ::before, но тоже ничего не вышло

Answer 1

[sergey]

Ну вот так к примеру, hover вы вешаете на контейнер (обертку)

.slider:hover .owl-next, 
.slider:hover .owl-prev{
  opacity: 1; //какие-то стили
}