Как изменить стили при нажатии на тег a?

Question

[1sviat1]

<div class="language">
                <ul>
                    <li id="RU">
                        <a href="">RU</a>
                    </li>
                    <li id="UA">
                        <a href="">UA</a>
                    </li>
                </ul>
            </div>

Вот есть вот такой HTML
И нужно что бы при нажатии менялся цвет текста

Comments

[Антон Литвиненко]

а:focus
Точнее а:active

[twobomb]

Антон Литвиненко, нажатие это помоему active

[Антон Литвиненко]

twobomb, однозначно, это я заснул.
Хотя думаю фокус тоже сработает

Answer 1

[kryamk]

let ru = document.querySelector('#RU a');
let ua = document.querySelector('#UA a');

ru.addEventListener('click', function(e){
	e.preventDefault();
	this.style.color = 'tomato';
	ua.style.color = '';
})
ua.addEventListener('click', function(e){
	e.preventDefault();
	this.style.color = 'tomato';
	ru.style.color = '';
})

Answer 2

[lpite]

a:active{
color:red
}