2016-11-13 51 views
-1

當鏈接處於活動狀態時,我需要選擇before僞元素,但是我可以在懸停鏈接時選擇before僞元素。css3:當鏈接處於活動狀態時,在僞元素之前選擇:

enter image description here

在加載頁面第一個鏈接(瀏覽)是活動的,我需要而主動懸停的效果相同。

要僞元素之前選擇而徘徊:

.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/

+1

它的工作原理。也許你用':focus'混淆了':active'? – Oriol

+0

可以請你分享工作鏈接嗎?它仍然沒有工作。 – user1645290

+1

看到你的小提琴,但與紅色背景:https://jsfiddle.net/ygj40pn7/1/。當您激活鏈接時,您會看到紅色。所以':主動'工作。 – Oriol

回答

0

您可以使用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; 
} 
+0

我在jsfiddle中有相同的CSS,但它不工作。 – user1645290

+0

像@Oriol說的,你可以使用:焦點。我使用「active」類來完成它的工作。 – yardpenalty

+0

[here](https://jsfiddle.net/dtp1kemb/1/) – yardpenalty

相關問題