Is it possible to un-capitalize text with CSS, and then re-capitalize it?

Question

I have a piece of text coming to me from an external source that is ALL CAPS. I want it to be simply capitalized at the first letter. Seems that text-transform:capitalize won't uncapitalize the rest of the word. Any way to do this without JS?

Answer 1

Something like this? http://jsbin.com/agocu3/2

css

   p { text-transform: lowercase;}
   p:first-letter {text-transform:capitalize}

html

<p>YOUR TEXT GOES HERE</p>

Answer 2

You can put the text in lowercase and then use the pseudo selector :first-letter to uppercase the first letter

p {
    text-transform: lowercase;
}

p:first-letter {
    text-transform: uppercase;
}