伪类::之前 - 创建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;
}

我知道可以在文本之前使用附加元素或使用图像.但是想知道是否可以在::之前使用这些属性

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在您的情况下).