Перейти к публикации
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...

Зависимость элементов в css


 Поделиться

Рекомендованные сообщения

Здравствуйте, подскажите пожалуйста как сделать зависимость одного элемента от другого. Т.е, хочу сделать так что бы при наведении на картинку (в категории товаров) название товара приобретало свойство своего hover. Как такое можно реализовать и можно ли вообще через css. 

 

Сама страничка - http://bestpw.tk/production/

Ссылка на комментарий
Поделиться на других сайтах


Тоесть при наведении на какойто блок, у другого блока срабатывал другой стиль?

Ссылка на комментарий
Поделиться на других сайтах

Да можно, только через jquery используя события mousemove и  mouseleave

Ссылка на комментарий
Поделиться на других сайтах

.product-grid .product-thumb .image:hover + div .caption h4 a {
	color:red 
}

 

Ссылка на комментарий
Поделиться на других сайтах

.product-layout .image:hover+div h4 a{
    transition: 0.4s;
    text-shadow: 1px 1px 11px #717171;
}
.product-layout .image:hover+div h4 a:after {
    content: "";
    display: block;
    position: relative;
    z-index: -1;
    width: 0%;
    margin: auto;
    border-bottom: 3px solid #42484c;
    bottom: -10px;
    transition: all 1s;
    width: 100%;
    border-bottom-width: 3px;
}

  • +1 1
Ссылка на комментарий
Поделиться на других сайтах

27 минут назад, Papasan4ez сказал:

.product-layout .image:hover+div h4 a{
    transition: 0.4s;
    text-shadow: 1px 1px 11px #717171;
}
.product-layout .image:hover+div h4 a:after {
    content: "";
    display: block;
    position: relative;
    z-index: -1;
    width: 0%;
    margin: auto;
    border-bottom: 3px solid #42484c;
    bottom: -10px;
    transition: all 1s;
    width: 100%;
    border-bottom-width: 3px;
}

 

Спасибо за помощь, ваш ответ был лучший!)

Ссылка на комментарий
Поделиться на других сайтах


Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
 Поделиться

  • Сейчас на странице   0 пользователей

    • Нет пользователей, просматривающих эту страницу.
×
×
  • Создать...

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.