Jump to content
Sign in to follow this  
S1mple

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

Recommended Posts

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

Edited by S1mple

Share this post


Link to post
Share on other sites

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

selector:not(:hover) { property; }

 

Share this post


Link to post
Share on other sites
38 минут назад, johser сказал:

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


selector:not(:hover) { property; }

 

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

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

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

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

Edited by Blast

Share this post


Link to post
Share on other sites
2 часа назад, Blast сказал:

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

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

Share this post


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

Share this post


Link to post
Share on other sites
1 час назад, esculapra сказал:

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

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

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

 

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

Share this post


Link to post
Share on other sites
5 часов назад, esculapra сказал:

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

 

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.