如何在具有焦点的锚标签上设置样式？

Question

对于下面的锚标记：

<a href="#user-stacks" data-toggle="tab">My Stacks </a> 

我怎样才能添加样式这个标签后获得焦点？

我曾尝试：

li.section-tab a:focus { 
color: cadetblue; 
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; 
} 

Answer 1

保持定位简单易懂，这里是工作的代码

a:focus { 
color: cadetblue; 
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; 
} 

Answer 2

你需要的是:active（more info）。通常这将是您使用:hover相同的风格，所以：

li.section-tab a:active, 
li.section-tab a:hover { 
    color: cadetblue; 
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; 
} 

当用鼠标交互，这通常是 用户之间的时间按下鼠标按键并将其释放。在使用键盘选项卡 键时，主动 伪类也通常匹配。