All elements, except hovered

all but not hovered.md

Допустим, у нас эффект ховера на img. Тогда пишем для контейнера img-ов такое:

.wrap:hover img:not(:hover)
  -webkit-filter: grayscale(1)
  filter: grayscale(1)
  opacity: 0.75

и прописываем здесь все элементы, которые нам нужно изменить, когда в ховере только один.

Или еще пример:

.wrapper:hover .item:not(:hover)
  h2, h3, h4, h5, h6, p, span, .sect__percent:after
    opacity: 0.15

Ховер по умолчанию навешен на item, но чтобы работать со всеми элементами item, которые в состоянии НЕ ХОВЕР пишем .wrapper:hover .item:not(:hover) и указываем что в этом item-у нужно убавить opacity всех "текстовых детей" до 0.15.

https://codepen.io/ianfarb/pen/EJunm