How to make first letter lowercase in span with css?

Question

I have this xml

<dg>(<date>B.1987</date>)</dg>

and after formatting with CSS I have this html

<span class="dateGroup"> (<span class="date"> B.1987</span>)</span >

What I want to do is make the letter "B" lowercase so the first letter of the span having the class date. I have searched the internet but it seem's to be only possible for tage <p></p>

Could you advice please?

Answer 1

You also can use the CSS3 pseudoclass '::first-letter' if you don't care about older browser versions! .date

 .date{ display:inline-block; } .date::first-letter { text-transform: lowercase; } 

 <span class="date">B.1234</span> 

Answer 2

You could use the text-tranform property.

.dateGroup {
    text-transform: lowercase;
}