CSS ::添加环形后

Question

我正在寻找在div内容之后添加CSS形状的方法。

形状将是一个圆环：因此，一个中间有孔的圆。

.name::after {
    content: '';
    width: 12px;
    height: 12px;
    border-width: 2px;
    border-style: solid;
    border-radius: 12px;
}

.name.track-1::after {
    border-color: #0065FF;
}

.name.track-2::after {
    border-color: #FFC300;
}

如您所见，我正在尝试应用基本样式::after .name，然后当它与诸如.track-1或.track-2之类的其他类一起出现时，它会有所不同颜色。

我什么也没看到。我也尝试过CSS2 :after，但不走运。我尝试将border-color放入主.name::after并没有运气。任何帮助都会很棒，谢谢！

编辑已请求HTML：

<div class="name track-1">This is the name of something here</div>

Answer 1

您应在display: block上指定一个.name::after属性。