这个符号来自哪里？CSS

我在Mozilla开发者网站上学习

：：之前的
，我在codepen上玩这个例子：



var list=document.querySelector（'ul'）；
list.addEventListener（'click'，函数（ev）{
如果（ev.target.tagName=='LI'）{
ev.target.classList.toggle（'done'）；
}
}，假）
li{
列表样式类型：无；
位置：相对位置；
保证金：2倍；
填充物：0.5em 0.5em 0.5em 2em；
背景：浅灰色；
字体系列：无衬线；
}
李：好了{
背景:#CCFF99；
}
李：以前{
内容：''；
位置：绝对位置；
边框颜色：#009933；
边框样式：实心；
边框宽度：0.3em 0.25em 0；
高度：1米；
顶部：1.3em；
左：0.6em；
边缘顶部：-1米；
变换：旋转（45度）；
宽度：0.5em；
}

买牛奶
带狗去散步
练习
编写代码
演奏音乐
放松
它不是一个符号，它只是一个旋转45度的块元素
它不是一个符号，它只是一个旋转45度的块元素
这里，它只是一个旋转45度的胖边框，实际上非常聪明（去掉旋转，看看我的意思）：

在这里，它只是一个旋转45度的胖边框，实际上相当聪明（去掉旋转，看看我的意思）：

我不知道你可以设计这些伪元素的样式并给它们新的形状。非常感谢。我不知道你可以设计这些伪元素的样式并给它们新的形状。非常感谢。是的，我现在明白了，不久前我开始学习css，这让我很惊讶。非常感谢。是的，我现在明白了，不久前我开始学习css，这让我很惊讶。非常感谢。
li.done::before {
  content: '';
  position: absolute;
  border-color: #009933;
  border-style: solid;
  border-width: 0 0.3em 0.25em 0;
  height: 1em;
  top: 1.3em;
  left: 0.6em;
  margin-top: -1em;
  transform: rotate(45deg);
  width: 0.5em;
}