单击后修复伪元素

Question

我尝试在它之前用+或 - 创建一个下拉信息栏。 我不知道它是如何制作的，但我想出了这个尝试

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

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

¨

但是我希望它在点击之后保持减号因为通过点击它我滚动其他信息。 谢谢你的回答

Answer 1

不使用javascript，您可以使用:target选择器执行类似操作。

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

要使其工作，链接本身需要存在于目标内容区域内。

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

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