Как выбрать 2 элемента списка чтобы они были отмечены?

Question

[Evgeniy]

Есть список из нескольких ссылок
Нужно сделать так, чтобы была возможность отметить сразу 2 ссылки,
когда их отмечаешь у них должен меняться цвет

Подскажите пожалуйста как это можно сделать?

https://codepen.io/Zhelezniy/pen/JjYjRjO

Comments

[Ankhena]

Две ссылки в фокус, это как?
И по какой из них должен произойти переход?
Не надо путать пользователей.

[Evgeniy]

Ankhena, верно, перефразировал, так понятнее будет что имелось ввиду

[Ankhena]

Evgeniy, заменить на input с типом checkbox и подписи label к ним.

Было бы круто, если бы всё таки была описана вся задача с начала и до конца.

[Ankhena]

Evgeniy, Например, https://jsfiddle.net/synk6532/

[Evgeniy]

Ankhena, да в этом и есть вся задача. Вообще это калькулятор, есть 2 списка горизонтальный и вертикальный типа. У каждого элемента в списке есть класс, на который повешено событие отслеживания клика. При выборе 2 элементов выводится число. Поэтому надо сделать так, чтобы пользователь видел что он отмечает, но в макете нету окошек чекбокса или радио кнопок, поэтому надо без них. Но вроде как их можно скрыть, поэтому уже пробую как вы сказали

[Evgeniy]

Ankhena, а вот это круто получилось! Спасибо

[Ankhena]

Evgeniy, Отлично!

Answer 1

[rasschitai]

На сколько я знаю, через css нельзя, смените подход.

Comments

[Evgeniy]

да, верно, перефразировал вопрос, нужно просто отметить 2 элемента в списке, чтобы у них сменился цвет

Answer 2

[Александр Черемхин]

с использованием javascript

const rootEl = document.querySelector("ul");

rootEl.addEventListener('click', e=>{
  e.target.style.color = e.target.style.color ==='red'? '': 'red';
})