Почему свойства состояния :focus переопределяют свойства :active в моем CSS? [дубликат] ⇐ CSS

[Anonymous]

Я понимаю, что решение состоит в том, чтобы поместить селектор и свойства :focus перед :active, но я не понимаю, почему, особенно учитывая, что фокус и активный — это разные состояния, даже если щелчок и активация элемента в конечном итоге приводит к этому. в состояние фокуса
вот код

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

a:hover {
color: lightpink;
text-decoration: overline;
}

a:active {
color: #222;
font-weight: 700;
}

a:focus {
color: lightpink;
text-decoration: overline;
}

Ожидали, что активные свойства будут отображаться на короткое время при нажатии на ссылку, а не вообще не работать

Подробнее здесь: https://stackoverflow.com/questions/787 ... -in-my-css