css3：当链接处于活动状态时选择：before伪元素

Question

我需要在链接处于活动状态时选择before伪元素，但是我可以在悬停链接时选择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;
 }

请更好地说明以下jsfiddle： https://jsfiddle.net/diasraphael88/ygj40pn7/

Answer 1

您可以使用active班级或:hover来完成此任务。

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