遇到问题设置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; 
}