css - 2つの疑似クラスを組み合わせる

Question

テキストwithingを大文字に設定するdiv要素があります。

最初のdiv内に別のdivを追加する必要がありますが、その中のテキストはすべて適切に大文字にする必要があります。私がそれを行うことができる唯一の方法は、次の2つを追加することです。

text-transform:lowercase; 
text-transform:capitalize

それは機能しますが、これら2つを組み合わせるより良い方法はありますか？

Answer 1

text-transform:none親の設定を上書きするのはどうですか。

Answer 2

2つの異なるタイプのテキストを制限します。

http://jsfiddle.net/eMaCd/

<div>
<p class="caps">This is the text to capatalize</p>
<p>Normal Text</p>
</div>​

.caps { text-transform:uppercase; }​