При наведение мышки на ссылку изменить фон другого элемента.

[Genazb]

.price__link:hover .price__title {
    background-color: #49cbcd;
}

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

Скрытый текст

<div class="price__item">

                    <div class="price__title">

                        Basic

                    </div>

                    <div class="price__cost">

                        $5.01/ Month

                    </div>

                    <div class="price__description">

                        Lorem ipsum 

                    </div>

                    <div class="price__description">

                        Dolor sit amet, consect

                    </div>

                    <div class="price__description">

                        Adipiscing elit

                    </div>

                    <div class="price__description">

                        Proin commodo turpis

                    </div>

                    <div class="price__description">

                        lacus pulvinarvel 

                    </div>

                    <div class="price__description">

                        Prnare nisi pretium

                    </div>

                    <div class="price__footer">

                        <a href="#" class="price__link">

                            Buy now

                        </a>

                    </div>

                </div>

 

Edited February 17, 2020 by Genazb

[npofopr]

Потому что в css нельзя делать hover на родительские элементы. Здесь это так не работает. 

[Genazb]

23 часа назад, npofopr сказал:

Потому что в css нельзя делать hover на родительские элементы. Здесь это так не работает. 

Разве price__title родитель?

 

[Switch74]

price__title не родитель, но чтобы до него добраться нужно обращаться к родительскому элементу

[Genazb]

Подскажите как обратиться через родителя?

<div class="родитель">
	<div class="изменяется"> <!-- Изменяется свойство элемента -->
    <div class="наводим"> <!-- Наводим мышкой -->
<div>
  
  

 

[Switch74]

в вашем случае через css можно реализовать так
https://jsfiddle.net/j5zmo7y3/