Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Recommended Posts

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

Змінено користувачем S1mple
Надіслати
Поділитися на інших сайтах


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

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


selector:not(:hover) { property; }

 

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

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

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

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

Змінено користувачем Blast
Надіслати
Поділитися на інших сайтах

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

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

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

Надіслати
Поділитися на інших сайтах

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

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

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

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

 

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

Надіслати
Поділитися на інших сайтах

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

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

 

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

Надіслати
Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.