CSSを使用してelement.styleをオーバーライドする方法

Question

私はxhtmlページを持っており、element.styleをオーバーライドしようとしています。 source page view when i inspect

自分のCSSを適用しようとしましたが、全く機能しませんでした。 私が直面している似たような質問で検索していますが、誰も私のために働いていません。私はこのstyle.elementをオーバーライドすることができるように私は自分のCSSを適用することができますどのように任意のアイデアを持っている

.element .style { text-align: center; background-color: green; }

誰ですか？

<h:panelGrid id ="cibBulk" styleClass="interfaceDashboard" > 
     <h:outputText style="text-align: center;background-color: green;" styleClass= "interfaceTransactionTitle" value="CIB BULK UPLOAD TO HOST" /> 
     <..../> 
    </h:panelGrid> 

私の画面ページの出力は、（背景色が全く合わない）私は付属のスクリーンとしてのために期待したものではありません。 element.style.somePropertyを設定style=""属性から来る単一のHTML element.Theyにユニークなスタイルを適用するために使用され、インラインCSSスタイルです Output screen image

Answer 1

div{ 
 
    background-color: green; 
 
} 
 
.element.style { 
 
    text-align: center; 
 
    color: #fff; 
 
}

<div> 
 
    <span class="element style">Hello</span> 
 
</div>

Answer 2

。例えば

：

<h1 style="color:blue;">Blue Heading</h1> 

これは青色に見出し設定されます。あなたが点検した場合、あなたはこのように表示されます：あなたはスタイルを変更したい場合は、あなたのスナップショットに

と同様に、あなたはtbodyでstyle属性を置くことができます。詳細はhereをご覧ください。