Фиксация (нажатия) ссылки, кнопки как улучшить?

Question

[frees2]

Using_the_button_role
Там же тест.
---------------
Тут мы фиксируем нажатие, например фон новый ставим.

button,[role="button"] {cursor: pointer;}
button[aria-pressed="true"],[role="button"][aria-pressed="true"] {  background-color:  #fff;}

Но как добавить сюда дополнительно и единичную фиксацию помимо общей (чтобы была и единичная и общая, когда по очереде нажимаем, мы знаем, что уже нажали и что последнее нажали), например другим цветом фона (без разницы), не нагружая дополнительными элементами скрипт?
Приветствуются разные мысли, спасибо!

Answer 1

[frees2]

:active, :hover, :focus { outline: 0; outline-offset: 0;}
button[aria-pressed="true"],[role="button"][aria-pressed="true"]:focus  {
     background-color:   red;
}

Так можно конечно тоже фиксировать, но не хотелось бы чтобы если в поле кликнуть фокус не пропадал...