Цикличность в hover

[Егор0248]

Добрый вечер, ребята.

 

Вторые сутки блуждаю в сети и не могу найти ответ на свой вопрос. 

.niz:hover {
  background: red;  

этим кодом я получил возможность менять цвет определенного блока наведением курсора, вопрос в следующем. 

Как делать, что бы после каждого наведения цвет менялся на другой а не на один и тот же. То есть зеленый, красный, оранжевый и так далее, спасибо большое

[klierik]

Здравствуйте.

Для реализации такой задачи Вам требуется для каждого <div> задать уникальный класс.

<div class="niz red"></div>
<div class="niz blue"></div>
<div class="niz green"></div>

.niz.red {
    background: red;
}
.niz.blue {
    background: blue;
}
.niz.green {
    background: green;
}

 

[Switch74]

мне кажется тут вам нужно будет использовать js
если взять за основу предложенный вариант @klierik, для элемента на который вы будете наводить менять класс цвета или создать какой-нибудь атрибут data- 
https://jsfiddle.net/7g8cdwqj/

[Егор0248]

20.11.2019 в 12:20, Switch74 сказал:

мне кажется тут вам нужно будет использовать js
если взять за основу предложенный вариант @klierik, для элемента на который вы будете наводить менять класс цвета или создать какой-нибудь атрибут data- 
https://jsfiddle.net/7g8cdwqj/

Мне помог ответ я Вам благодарен )))