Верстаю учебный макет и не получается сделать так что бы при наведении курсора мышки на ссылку изменялся фон другого элемента. Что может быть не так? HTML: <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__footer"> <a href="#" class="price__link"> Buy now </a> </div> </div> Код (CSS): .price__link:hover .price__title { background-color: #49cbcd; }
Да всё не так. Во первых в CSS нельзя обращаться к родительским селекторам. Во вторых нельзя обращаться к селекторам идущим перед текущим. Можно наоборот: Код (CSS): .price__title:hover + .price__cost { background-color: #49cbcd; } Это обращение непосредственно только к следующему. Код (CSS): .price__title:hover ~ .price__footer .price__link { background-color: #49cbcd; } Либо к любому соседнему, идущему после текущего. Либо используйте JS. Учите матчасть. П.С.: Это что за "учебный" макет такой? Там точно так надо сделать? Он похоже чему-то не тому учит.