Html 单击后在伪元素之前修复

我试着在它前面加上+或-来制作一个下拉信息栏。 我不知道它通常是怎么做的，但我想出了这个办法

.test{
宽度：150px；
高度：100px；
背景：灰色；
}
.测试：之前{
内容：“+”；
}
.测试：激活：之前{
内容：“-”；
}

---

不使用javascript，您可以使用

：target

选择器执行类似操作

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

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

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

---

是的，但是如果你再次点击它，它不会回滚，所以我想我需要用js来做。它叫什么名字，因为我甚至不知道该怎么用谷歌搜索。使用jQuery你可以很容易地做到这一点。那是你最好的出发点。下面是使用toggleClass方法的示例链接：