Con la propiedad "text-transform" podemos poner todo un texto en minúsculas con css utilizando el valor "lowercase", todo en mayúsculas con el valor "uppercase" o bien capitalizar todas las palabras del elemento texto al que hagamos referencia con "capitalize". ¿Pero qué pasa si queremos poner en mayúscula sólo la primera letra de un texto?

Para poner la primera letra de un texto en mayúscula con css se puede hacer con el selector ":first-letter". Aquí os muestro un ejemplo:

.texto{
text-transform: lowercase;
}

.texto:first-letter {
text-transform: uppercase;
}


<p class="texto">
<p>quiero poner la primera letra de esta frase en mayúsculas con css</p>
</div>


Salida:
Quiero poner la primera letra de esta frase en mayúsculas con css
Si lo estamos haciendo en un span será necesario un "display: inline-block" o bien un "display: block".