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

[FreshMan]

подскажите пожалуйста, как сделать так чтобы при наведении курсора на 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 ?

[klierik]

.container-blocks .block-5:hover .container-blocks .block-1 {
    background-color:red;
}

 

[FreshMan]

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

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

[Switch74]

.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 для красоты

[FreshMan]

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 для красоты

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

[Switch74]

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