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

Question

所以我在这里得到了这个 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里面.我是不是找错树了？ JsFiddle

html 只是 <div class="outerDot"></div> .

Answer 1

您必须添加一个content 属性，并使其显示 block :

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

这是你的 fiddle :http://jsfiddle.net/hV93X/2/