Почему состояние наведения не работает, когда я использую одноуровневый селектор для выбора элемента? [дубликат] ⇐ CSS

[Anonymous]

Я использую одноуровневый селектор, чтобы выбрать другой элемент для стилизации при наведении курсора на один элемент. Но он не работает
Код SCSS

Код: Выделить всё

&__rating-num {
cursor: pointer;
background-color: var(--color-dark-blue);
border-radius: 50%;

&--2:hover ~ &--1,
&--2:active ~ &--1 {
background-color: var(--color-medium-grey);
color: var(--color-white);
}

&:first-of-type {
padding: 1.2rem 2.1rem;
}

&:not(:first-of-type) {
padding: 1.2rem 1.9rem;
}
}

HTML-код

Код: Выделить всё

1
2
3
4
5

[url=#]Submit[/url]

Подробнее здесь: https://stackoverflow.com/questions/784 ... -select-el