FreshMan

стили внутри других стилей ?

Recommended Posts

подскажите пожалуйста, как сделать так чтобы при наведении курсора на b-2 или b-3 или b-4 или b-5 цвет заднего фона b-1 становился былым ?

https://codepen.io/FreshManGood/pen/xxbrBPZ?editors=1100

логичнее было бы сделать вот так

.container-blocks .block-2:hover,
.container-blocks .block-3:hover,
.container-blocks .block-4:hover,
.container-blocks .block-5:hover{
  
  background-color:green;
  
  .container-blocks .block-1{
    background-color:red;
  }
  
}

но так нельзя
можна ли решить данную задачу на чистом CSS ?

Share this post


Link to post
Share on other sites

прошу прощения, я не верно изложил мысль

вот код https://codepen.io/FreshManGood/pen/xxbrBPZ?editors=1100
нужно чтобы когда я навожу курсор на любой блок , кроме первого, в первом блоке задний фон менялся с зеленого на белый, а в наводимом блоке он становился зеленым.

Share this post


Link to post
Share on other sites
.container:hover .container_block-1{
  background-color:transparent;
}

.container .container_block-1:hover,
.container .container_block-2:hover,
.container .container_block-3:hover,
.container .container_block-4:hover,
.container .container_block-5:hover{
  
  background-color:green;
    
}

заменить ваши ховеры
еще можно сделать анимацию с задержкой для background-color для красоты

Share this post


Link to post
Share on other sites
On 12/30/2019 at 8:50 AM, Switch74 said:

.container:hover .container_block-1{
  background-color:transparent;
}

.container .container_block-1:hover,
.container .container_block-2:hover,
.container .container_block-3:hover,
.container .container_block-4:hover,
.container .container_block-5:hover{
  
  background-color:green;
    
}

заменить ваши ховеры
еще можно сделать анимацию с задержкой для background-color для красоты

это не так работает как я описывал выше

Share this post


Link to post
Share on other sites

вам не хватает указания #fff или white
укажите цвет какой вам нужен
если скрипт отрабатывает не так то как он должен отрабатывать?

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,736
    Total Members
    3,128
    Most Online
    negedja
    Newest Member
    negedja
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.