Почему ховер элементов идёт с последнего элемента, а не с первого?

Question

[z_u_l]

Здравствуйте. Почему когда наводишь на первый квадрат - выделяются все пять, а когда на последний - один? Как сделать наоборот? Чтобы при наведении на первый квадрат выделялся один квадрат, при наведении на второй квадрат - первый и второй и т.д.

Ссылка на пример

Answer 1

[Алексей Уколов]

.rating {
  ...
  flex-direction: row-reverse;
  justify-content: flex-end;
}

CSS не позволяет выбирать соседей слева, поэтому нужно просто перевернуть всю строку.