Genazb

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

Recommended Posts

.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 by Genazb

Share this post


Link to post
Share on other sites

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

Share this post


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

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

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

 

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Member Statistics

    46,781
    Total Members
    3,128
    Most Online
    Agentbk
    Newest Member
    Agentbk
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.