遇到問題設置CSS樣式每當它集中

Question

對於下列元素的字體真棒圖標，我想加上每當收到一個字體真棒圖標的CSS樣式集中

<span class="fa fa-circle" tabindex="0" role="button"></span> 

我已經嘗試添加以下內容：

.fa fa-circle:focus { 

background-color : yellow; 

} 

但是，當我將鍵盤標籤放入元素時，樣式不會改變。我究竟做錯了什麼？

Answer 1

使用.fa.fa-circle代替.fa fa-circle

，如果它不會工作，然後更改樣式這樣background-color : yellow !important;

Answer 2

http://jsfiddle.net/JfGVE/1405/ 請檢查fiddle.No需要使用.fa的。

Answer 3

您的選擇器錯誤，因爲.fa fa-circle:focus這意味着在fa類中選擇fa-circle類。試試這個css代碼：

.fa, .fa-circle:focus { 
background-color:yellow; 
}