单击之后修复伪元素

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: "-"; 
}