单击后修复伪元素

时间:2017-06-04 19:16:12

标签: html css

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

.test{
	width: 150px;
	height: 100px;
	background:gray;
}
.test:before{
	content: "+";
}
.test:active:before{
	content: "-";
}
</div>
	<a href="#"><div class="test">
	Ahoj
	</div> </a>
¨

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

1 个答案:

答案 0 :(得分:0)

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

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

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

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

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