[SOLUCIONADO] :first-child no funciona

[kenproxd]

Hola,

Estoy intentando quitar ciertos atributos con first-child (y last-child cuando se vea desde móviles) pero no logro hacerlo funcionar.

Código HTML:

<span class="precio">VENTA <strong>'.$moneda.$row['precioventa'].'</strong></span>
<span class="precio">ALQUILER <strong>'.$moneda.$row['precioalquiler'].'</strong></span>
 

Código CSS:

.precio {
  float: right;
  font-size: 10px;
  color: #868686;
  text-align: right;
  margin-right: 20px;
  padding-right: 20px;
  border-right: 1px solid #E0E0E0;
}
.precio strong {
  font-size: 16px;
  color: black;
  display: block;
  font-weight: 500;
}
.precio:first-child {
  margin-right: 0px;
  padding-right: 0px;
  border-right: 0px;
}
 

Espero que puedan ayudarme.

[kenproxd]

Logré solucionarlo. Dejo el código por si a alguien le pasa lo mismo alguna vez:

Código CSS:

.precios {
  margin-top: -5px;
  float: right;
  font-size: 10px;
  color: #868686;
}
.precios span {
  float: right;
  text-align: right;
  margin-right: 20px;
  padding-right: 20px;
  border-right: 1px solid #E0E0E0;
}
.precios span:first-child {
  margin-right: 0px;
  padding-right: 0px;
  border-right: 0px;
}
 

Código HTML:

<div class="precios">
<span>VENTA <strong>'.$moneda.$row['precioventa'].'</strong></span>
<span>ALQUILER <strong>'.$moneda.$row['precioalquiler'].'</strong></span>
</div>