html – 伪类:: before – 创建css循环

我试图用css创建圈子,但是不要使用伪类:: before

这应该是(地铁站列表)：

.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之前使用这样的属性

解决方法

您还需要设置内容,高度和显示,使其实际渲染伪元素.

例：

.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)之前编写供应商特定的属性.