Почему не: активно или: фокус не работает на текстовые ссылки в веб-комплекте?(сафари и хром)

Question

Я думаю, что я что-то упускаю, называю это долгим днем, но почему это не работает?Стили, найденные в "li a: active, li a: focus", сохраняются в Firefox и IE, но не в webkit.Поддерживает ли webkit псевдокласс :focus только для элементов формы?

    #footer ul li a {
 color: #fff;
 display: block;
 font-size: 95%;
 padding: 15px 15px 10px;
 text-decoration: none;
    }

    #footer ul li a:hover {
 color: #f00;
    }

    #footer ul li a:active, #footer ul li a:focus {
 border-top: 1px #f00 solid;
 color: #f00;
 padding-top: 14px;
    }

    #footer ul li a:focus:hover {
 cursor: default;
    }

Answer 1

Псевдокласс :focus предназначен для элементов формы, поэтому реализация Webkit не применяет его к другим элементам, если в тег не добавлен атрибут tabindex. http://nemisj.com/focusable/

Answer 2

На самом деле, элемент привязки, не ориентированный на мышь, является давней ошибкой, см. https://bugs.webkit.org/show_bug.cgi?id=26856 для справки.