Добавить стили на соседние элементы блока?

Question

[Alibek Kulseitov]

Есть некий слайдер. На активный его элемент добавляется класс .center Можно ли как-то с помощью css повлиять на предыдущий и следующий элемент?

<div class="item"></div>
<div class="item center"></div>
<div class="item"></div>

Answer 1

[Олег]

до - нет, после - да. codepen.io/werty1001/pen/ZpXyEj

Answer 2

[DTX]

.center + .item {
  //Следующий
}

Вот тут можно посмотреть, как вывернуться с предыдущими:
codepen.io/anon/pen/vXZkgG
Это отсюда:
stackoverflow.com/questions/1817792/is-there-a-pre...
Проще добавить классы .prev и .next для слайдов

Comments

[Олег]

.item + .center Сработает для центрального, а не перед ним.

[DTX]

Олег: согласен, не подумал

Answer 3

[Сергей]

только при помощи js
(css только следующий селектором +)