Как привязать соседние элементы к label?

Question

[Станислав Григорьев]

Доброго дня!
Вопрос в том как привязать "Step 1, Step 2 etc." к label. :after и :before уже заняты "кружочками". Надписи должны быть к ним привязаны.
На рисунке показано как это должно выглядеть.(первый пример)
Все эти извращения должны быть на css.
Можно сделать label и псевдоэлементами сделать кружок за ним и саму надпись, вопрос тогда в первом кружочке, как его привязать к тригеру input'a.

Comments

[Ankhena]

Один label.
У каждого кружок, полоска и текст.
Итого: сам элемент и 2 псевдо. Можно уменьшить и рисовать полоску как бордер к label.

[Станислав Григорьев]

Ankhena, каким образом тригерить инпут псевдоэлемента следующего элемента: нажимает на первый, кружок и полоска загорается зеленым, но нужно, чтобы и следующий кружок загорелся оранжевым?

[Ankhena]

Станислав Григорьев,

инпут псевдоэлемента следующего элемента

Это что-то невозможное. У псевдоэлемента нет инпута, а у инпута нет псевдоэлементов типа before|after.

Но вероятно, через селекторы соседних элементов +