css3：リンクがアクティブなときに：before擬似要素を選択する

Question

リンクがアクティブなときにbefore擬似要素を選択する必要がありますが、リンクをホバーするときにbefore擬似要素を選択できます。ページを最初のリンク（ブラウズ）をロードオン

がアクティブであると私はアクティブながら、ホバーのと同じ効果を必要とします。

ホバリングしながら、前の擬似要素を選択するには：

.breadcrumb a:hover:before { 
    background: black; 
    border: 1px solid white; 
    color: white; 
} 

を前に、擬似要素を選択するには、アクティブ（私は以下しようとしていますが、それは動作していない）ながら：

.breadcrumb a:active:before { 
    background: black; 
    border: 1px solid white; 
    color: white; 
} 

見つけてください https://jsfiddle.net/diasraphael88/ygj40pn7/

Answer 1

クラスまたはを使用することができますこれを達成するために。

.breadcrumb a.active:before { 
    background: black; 
    border: 1px solid white; 
    color: white; 
} 

OR

.breadcrumb a:focus:before { 
     background: black; 
     border: 1px solid white; 
     color: white; 
}