Связь anchor и :focus

Встретился такой метод создания footnotes. В основном тексте:

bla-bla <a id="fn-1" href="#1">1</a> 

В подвале:

<a id="1" href="#fn-1">1</a> explain bla-bla

Но когда его используешь в Firefox, последний задействованный анкор подсвечен прям и тенью, и контуром.
Я гуглил по запросам "visited, anchor, link, style", и вроде бы везде обсуждается похожая проблема. Предлагаются разные решения, но они не работают.

Совершенно случайно догадался почитать про :focus. Задействовал такой метод:

a:focus {
    outline: 0 !important;
    box-shadow: none !important;
}

и он заработал!

Вопросы такие: почему нигде не описана связь anchor и :focus? И не повлияет ли такое решение на какое-то другое поведение ссылок и элементов? Сайтик очень простой, типа записной книжки, но все же.