如何在具有焦點的錨標籤上設置樣式？

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

當用鼠標交互，這通常是 用戶之間的時間按下鼠標按鍵並將其釋放。在使用鍵盤選項卡 鍵時，主動 僞類也通常匹配。