Twitter 위젯 앵커 밑줄

Question

내 웹 사이트에 Twitter "Profile Widget"을 구현 중이며 a : 포커스 선택기를 사용하여 탭이있는 탐색기에 액세스 할 수 있도록하는 방법을 알아내는 데 어려움이 있습니다.

내 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

트위터의 스타일을 재정의해야합니다. 기본적으로 선택자가 더 많은 무게를 지니게하십시오. 가장 간단한 방법은 체인 ID를 함께 한 무리입니다 : #wrap와 # 트위터 - 용기가 트위터 위젯이 포함 된 div 있습니다

#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... */ 

. 페이지 구조와 일치하도록 수정하십시오.

Answer 2

당신은 또한 당신의 문제를 이해하기 !important

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