Якорь Виджета Твиттера Подчеркивает

Question

Я внедряю Twitter * Profile Widget"на своем веб-сайте и не могу понять, как сделать его доступным для навигаторов с вкладками с помощью селектора a: focus.

Мой CSS выглядит следующим образом:

    #activity a:link { color:inherit; text-decoration:none; }
    #activity a:visited { color:inherit; text-decoration:none; }
    #activity a:hover { color:inherit; text-decoration:underline; }
    #activity a:active { color:inherit; text-decoration:none; }
    #activity a:focus { color:inherit; text-decoration: underline; outline:none; }

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

Спасибо.

Answer 1

Вы должны переопределить стили Twitter. В основном, ваши селекторы имеют больший вес. Самый простой способ - просто связать кучу идентификаторов:

#activity a:link, #wrap #twitter-container #twtr-widget-1 .twtr-tweet a:link { color:inherit; text-decoration:none; }
#activity a:visited, #wrap #twitter-container #twtr-widget-1 .twtr-tweet a:visited { color:inherit; text-decoration:none; }
/* and so on... */

Где #wrap и # twitter-container - это div, содержащие виджет twitter. Изменить в соответствии со структурой вашей страницы.

Answer 2

Вы также можете использовать !important

#activity a:focus {
   color: inherit !important; 
   text-decoration: underline !important;
   outline: none !important;
}