2009-04-02 21 views
2

に適用されます。しかし、それはCalibri 10pxでレンダリングします。CSSは、私は次のようにDIVを持つDIV内容

DIV内のコンテンツはすべてVerdana 10pxとしてレンダリングする必要があります。私はサードパーティの.jsを使用しているので、それを制御できません。どのようにしてDIVに必要なコンテンツをレンダリングさせるのですか?

答えて

3

、あなたはそれらを上書きするよりJavascriptを使用する必要があります。

そうしないと、あなたのdivにクラスを与え、そのクラスにスタイルを適用し、内部のどの内容にも伝播できるはずです。

CSS:

.myClass { 
    font-family: Verdana; 
    font-size: 10px; 
} 

HTML:

<td> 
    <div class="myClass"> 
    <script type="text/javascript"> 
    // link to some js 
    </script> 
    </div> 
    </td> 

問題が解決しない場合は、これにCSSを変更:

.myClass * { 
    font-family: Verdana; 
    font-size: 10px; 
} 
+0

ご回答いただきありがとうございます。私は何の効果もなくそれを試した!私はjsが独自のスタイル定義を追加していると思います...どうすれば上書きできますか? – KJai

+0

残念ながらCSSの継承とは、divの要素のスタイル宣言を削除するためにJavascriptを使用する必要があることを意味します – cjk

2

ジャバスクリプトのみコンテンツなしのスタイルを置く場合は、あなたがこれを行うことができます:

<td> 
    <DIV style='font-family: Verdana; font-size: 10px;'> 
    <script type="text/javascript"> 
    // link to some js 
    </script> 
    </DIV> 
    </td> 
+0

ご回答いただきありがとうございます。私は何の効果もなくそれを試した!私はjsが独自のスタイル定義を追加していると思います...どうすれば上書きできますか? – KJai

+0

1)javascriptで生成されたコンテンツを抽出し、2)このコンテンツをdiv内に表示する必要があります。タスクを実行するには、jqueryのようなライブラリを使用することができます。 – eKek0

2

をあなたはjavascriptが発生するものの要素をチェックする必要があります。 FireFoxでFirebugを使用するか、Chromeで「Inspect element」を使用します。

要素が分かったら、スタイルシートで次のように指定します。 Javascriptが追加された要素は、独自のスタイル宣言を持っている場合は

body table tr td div elementOrClassNameThatYouFound { 
    font: verdana 10px; 
} 
2

また、あなたのCSSで何かを試みることができますlike:

.myClass { 
    font-family: Verdana !important; 
    font-size: 10px !important; 
} 
関連する問題