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

[sfdvdsgfsd]

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

 

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

[legioner26]

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

[legioner26]

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

[legioner26]

Могу сделать  

[spectre]

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

 

[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;
}

[sfdvdsgfsd]

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;
}

 

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