Если можно выбрать элемент, то как?

Question

[Korifa]

Как в этом примере изменить цвет ссылке select1 после щелчка по ней, а когда щелкаю на select2, то select1 принимает старый цвет, а select2 меняет.
Без использования js и не вкладывая эти два дивы друг в друга.
Пример

Comments

[Korifa]

получается, что их надо привязать к таргету, но сделать это не удается так как они (ссылки и элементы) в разных дивах.

[Korifa]

наверно, с помощью полей type radio можно сделать ?

Answer 1

[Figment]

Вопрос в том, как сделано в примере? Если да, то там суть в привязке ссылок. То есть, в первом блоке у элементов есть ссылки, с адрессом #outer*.

<div class='outer'>
  <a href='#outer1' class='element'>Select1</a>
  <a href='#outer2' class='element'>Select2</a>
  <a href='#outer3' class='element'>Select3</a>
</div>

При клике на одну из ссылок, для элемента с id="outer*" будет добавляться псевдо-класс :target.
Срабатывает следующий код:

#outer1:target,
#outer2:target,
#outer3:target {
  color: blue;
}

Comments

[Korifa]

все правильно, но мне надо еще, чтобы менялся цвет select1, если я нажму на селект1, а если нажму на селект2 то меняется цвет селект2

[Figment]

В данном случае никак. Можно было бы использовать тот же самый псевдо-класс :target, так как мы нажимаем по ссылке. Но так как мы ссылаемся сразу на другой элемент, то уже он становится активным, а не та кнопка/ссылка, по которой нажали.