伪类::之前 - 创建css圈

Question

我正在尝试用css创建圆圈，但是不想在

之前使用伪类::

这应该是那样的（对于地铁站列表）：

.subway-item{
 // css for text item going after circle
 }
.subway-item::before{
   width:15px;
   border-radius: 15px;
   -moz-border-radius: 15px;
   -webkit-border-radius: 15px;
   background-color:#69b6d5;
}

我知道可以在文本或图像之前使用其他元素来完成。但是想知道是否可以在:: before

之前使用这些属性

Answer 1

您还需要设置content，height和display，以使其实际呈现伪元素。

示例：

.subway-item::before{
   content: '';
   display: inline-block;
   width: 15px;
   height: 15px;
   -moz-border-radius: 7.5px;
   -webkit-border-radius: 7.5px;
   border-radius: 7.5px;
   background-color: #69b6d5;
}

注意：最好在标准属性（border-radius之前）编写特定于供应商的属性。