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

您必须覆盖Twitter的样式。基本上，让你的选择器承载更多的重量。最简单的方法就是将一堆id链接在一起：

#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-containers是包含twitter小部件的div。修改以匹配您的页面结构。

Answer 2

您也可以使用!important

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

Twitter Widget Anchor强调

2 个答案: