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

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

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

{'field':'FieldOne','value':'FieldOne','category':'categoryOne'} , { 'Color' : { '$elemMatch' : { 'Value' : 'Green' } }}

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;
}

  

当与鼠标交互时，这通常是两次之间的时间   用户按下鼠标按钮并将其释放。 ：活跃   使用键盘选项卡时，通常也会匹配伪类   键。