親のCSSを継承しないjavascript appendchild

Question

私は、特別なiconfont子ノードを基本文書に挿入する必要があります。

必要な文字シーケンスは 'fT'です。これをスパンで囲んで、そのフォントの色とサイズを指定します。

問題は、この 'メモ'の子を付けているベースドキュメントの親ノードが大文字のスタイルを持つことがあることです。その結果、私の「fT」は「FT」に変換され、間違ったアイコンが表示されます。

私のデザインでは、ドキュメントに兄弟を挿入するのではなく、子ノードを挿入したいと考えています。親のスタイルを抑止する方法はありますか？特に大文字のスタイルがある場合は特にそうですか？

Answer 1

色とサイズに加えて、スパン上text-transform: noneを設定します。

Answer 2

最も簡単な方法は、JSによってスタイルを設定することである - ケーシングは親から継承されないようにhttp://jsfiddle.net/RahV3/

yourNode.style.textTransform = "lowercase"; 

Answer 3

親の属性を抜くために、子に独自のスタイルを与えることができます。ちょうどそれを与える：

"text-transform:initial;" 

、それはフォントあなたがそれを望むように設定した要素のクラスを設定するよりも、親の

"text-transform:uppercase;"