單擊之後修復僞元素

Question

我嘗試使用+或 - 之前的下拉信息欄。 我不知道它是如何通常由但我想出了這個嘗試

.test{ 
 
\t width: 150px; 
 
\t height: 100px; 
 
\t background:gray; 
 
} 
 
.test:before{ 
 
\t content: "+"; 
 
} 
 
.test:active:before{ 
 
\t content: "-"; 
 
}

</div> 
 
\t <a href="#"><div class="test"> 
 
\t Ahoj 
 
\t </div> </a>

¨

但我想它，因爲通過點擊我輥軋留在零下點擊它後其他信息。 感謝您的回答

Answer 1

如果不使用JavaScript，您可以使用:target選擇器做類似的事情。

https://codepen.io/partypete25/pen/xrbZmy

對於它的工作，鏈接本身需要有針對性的內容區域內的存在。

.test:before { 
    content: "+"; 
} 

:target .test:before { 
    content: "-"; 
}