Pseudo class :: before - crée un cercle css

Je suis en train de créer le cercle avec le css, mais wan pas à utiliser la pseudo-classe ::avant

Cela devrait être comme cela (pour une liste des stations de métro):

.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;
}

Je sais que cela peut être fait avec un élément supplémentaire avant le texte ou image. Mais vous voulez savoir est-il possible d'utiliser ces propriétés dans ::avant

source d'informationauteur Alex Veryutin

  1. 37

    Vous devez également définir contentheight et display pour faire afficher le pseudo-élément.

    Exemple:

    .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;
}

    Remarque: Il est préférable d'écrire les propriétés de fournisseur avant le standard de la propriété (border-radius dans votre cas).