Скрыть элементы которые в отдаленности от другого div

Добрый день, подскажите пожалуйста, возможно ли на css такое?
Есть такая структура:

HTML:

1. <div class="item"></div>
2. <div class="item"></div>
3. <div class="item"></div>
4. <div class="item"></div>
5. <div class="item active"></div>
6. <div class="item"></div>
7. <div class="item"></div>

Мне нужно оставлять видимым только class item active, и 3 элемента возле него слева, и последний элемент из item, то бишь по итогу должна быть такая структура:

HTML:

1. <div class="item"></div> display none
2. <div class="item"></div>
3. <div class="item"></div>
4. <div class="item"></div>
5. <div class="item active"></div>
6. <div class="item"></div> display none
7. <div class="item"></div>

или так:

HTML:

1. <div class="item"></div> display none
2. <div class="item"></div> display none
3. <div class="item"></div> display none
4. <div class="item"></div>
5. <div class="item"></div>
6. <div class="item"></div>
7. <div class="item active"></div>