Константин Мужиков

Нашел сам ответ, ну может кому поможет.
Делаем так, при наведении на родителя, все элементы делаем выделенные

.parent:hover .element{
background: red;
}

Далее при наведении на элемент, со всех соседей, что справа убираем выделение

.element:hover ~ .element{
background: black;
}

только не надо забывать что цикл + sleep(1) за один час выполнится не 3600 раз, а меньше, так как время цикла будет занимать по времени 1 сек + время выполнения операций в цикле.
Для каких-то задач это не критично, а для например программирования микроконтроллеров (сталкивался с этим) довольно таки критично.
И еще не надо забывать, что если работать с периферией (последовательный порты, usb, запросы на внешние сервера web) время выполнения операций относительно большое.
В данном случае можно было бы исхитриться отслеживать время выполнения операций в цикле (microtime в php например) и из секунды вычитать это время, либо уж привязываться к часам сервера (если честно такое делал только на c# и то в качество эксперимента)

Как вариант arduino + music shield + гирлянда (можно купить и готовую где-нибудь в переходе и подцепиться к rgb линиям), правда данный вариант не из самых дешевых будет, но дешевле Raspberry