Сложные css-селекторы

Question

Здравствуйте, мне нужно получить CSS-селектор после активного класса, например: если у меня 7 div и у одного из них есть активный класс, мне нужно получить четвертый элемент после активного класса.

<div>1</div>
<div class="active">2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div> <!-- I need to get this selector -->
<div>7</div>

Answer 1

Вы можете использовать + селектор

.active + div + div + div + div {
background:red;
}

<div>1</div>
<div class="active">2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div> <!-- I need to get this selector -->
<div>7</div>