Drop Caps，但用CSS大写第一封信

Question

数据库提供产品标题的所有上限。他们需要转换为小写，除了第一个字母。

什么是纯CSS方法，可以使用IE8 +，Safari 5+（IE7可选）？

我系统的旧版代码：

<ul>
    <li class="cart-column column-seventy">
    <h4><a href="">THIS IS THE TITLE OF AN OBJECT</a></h4>
   </li>
</ul>

• 原文：这是对象的标题
• 所需的CSS更改这是对象的标题

Answer 1

尝试这样的事情：

＆＃13;

＆＃13;

.TextToFix {
    text-transform:lowercase;
}

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

＆＃13;

<div class="TextToFix">MY PRODUCT</div>

＆＃13;

＆＃13;

＆＃13;

应该回到IE 5.5。