Css 我可以使用after伪类来创建目标图像吗？

我这里有一个css：

.outerDot {
    width: 50px;
    height: 50px;
    background: white;
    border: 4px solid blue;
    border-radius: 50px;
}
.outerDot:after {
    background: blue;
    width: 20px;
    height: 20px;
}

我希望

.outerDot:after

显示在

.outerDot

中。我找错树了吗

---

html只是

您必须添加

内容

属性，并使其显示块：

.outerDot:after {
    content: '';
    display: block;
    background: blue;
    width: 20px;
    height: 20px;
}

---

这是您的小提琴：

您必须添加一个

内容

属性，并使其显示块：

.outerDot:after {
    content: '';
    display: block;
    background: blue;
    width: 20px;
    height: 20px;
}

---

这是你的小把戏：

你没有指定任何内容，而且你缺少一些

s。具体的预期结果是什么？@Jon获得了。outerDot:after出现会很好，但我想让整个think看起来像一个目标。你没有指定任何内容，而且你缺少了一些

s。预期的结果是什么？@Jon得到了。outerDot:在出现之后会很好，但是我想让整个思想看起来像一个目标。@watson-因为这就是
：before
&
：after
伪元素最初设计的目的：向HTML中添加可视内容。您所说的可视内容是什么意思，喜欢图像吗？@watson-因为这就是
：before
和
：after
伪元素最初设计的目的：向HTML中添加视觉内容。你所说的视觉内容，比如图像，是什么意思？