Как сделать размытие всех остальных блоков при hover?

Question

[FQXs]

У меня есть 10 блоков, хочу размывать все, когда навожусь на какой-то 1. Я сделал для одного блока так:
.itema:hover ~
.itemb {
filter: blur(10px);
}

Но подобный код не работает для всех остальных блоков. Можно ли сделать размытие остальных блоков без js?

Comments

[Lord_Dantes]

Сделайте еще один блок не вложенный никуда кроме боди и при наведение js сделайте ему z-index 10 а вашу основному блоку 15 и дайте тому блоку размытие

Answer 1

[alex]

Comments

[FQXs]

Спасибо, подскажите как работает ">", не могу понять

[alex]

FQXs, выбирает непосредственных потомков(детей) вам сюда

[FQXs]

Alex, Сделал, спасибо

Answer 2

[Дмитрий]

Пример
Пример c blur

Answer 3

[RAX7]