Нужно сделать что бы при ховере, уменшались другие элементы

[S1mple]

Всем привет. Может подскажете, как сделать через CSS что бы при наведении на один элемент, он увеличивался, но при этом уменьшались все остальные с тем же классом.

Змінено 21 грудня 2019 користувачем S1mple

[johser]

Для остальных

selector:not(:hover) { property; }

 

[Blast]

38 минут назад, johser сказал:

Для остальных

selector:not(:hover) { property; }

 

и как это привязывать к наведению на такой же элемент? не сработает...сразу после загрузки property будет применяться.

Если элементы на одном уровне вложенности, т.е. они соседние, то должно сработать что-то вроде такого

.className:hover {
	font-size: 110%;
}
.className:hover ~ .className:not(:hover) {
	font-size: 90%;
}

в остальных случаях не вижу выходов, кроме использования JS

Змінено 21 грудня 2019 користувачем Blast

[esculapra]

2 часа назад, Blast сказал:

в остальных случаях не вижу выходов, кроме использования JS

ну так прицепи обработчик квери на боди

[esculapra]

$('body').live('click', function(){
  alert('Вы нажали на элемент "какой-то элемент"');
});

[Blast]

1 час назад, esculapra сказал:

ну так прицепи обработчик квери на боди

мне ничего никуда цеплять не надо, вопрос был не от меня

я лишь подсказал возможные варианты решения

 

З.Ы. обработчик на боди в данной ситуации не даст ровным счетом ничего. Нужен .hover на элемент с классом

[Bn174uk]

5 часов назад, esculapra сказал:

$('body').live('click', function(){
  alert('Вы нажали на элемент "какой-то элемент"');
});

 

Вы перед тем как предлагать, посмотрите на документацию https://api.jquery.com/live/ эта функция в jquery давно уже не актуальна.