サイズ変更フォントとたとえば、フォントサイズ

<div id="divtochangeFont"> 
    <p>This will change font size</p> 
    <p stlye="font-size: 10px">This will not change font size</p> 
</div>

今、私はすべてのdivコンテンツにjQueryを使ってフォントのサイズを変更したいです。たとえば、単純なjQueryの場合：

$("#divtochangeFont").css("font-size","16px");

ただし、最初の段落でのみ変更されます。 divのすべての定義されたフォントサイズ属性をオーバーライドする方法は？

PS：スケール効果は...

2011-12-26 Trick

あなたは$（ "＃divtocha ngeFont p "）。css（" font-size "、" 16px "）; ？ –

あなたのブラウザが 'stlye'を' style'と解釈するかどうか心配です。 – alex

ちょうどpを追加する必要があります：http://jsfiddle.net/srGxF/ –

$("#divtochangeFont * ").css({"font-size": "16px","color": "orange"});

を心配する必要はありませんので、このような何かを試してみてくださいdiv

2011-12-26 12:47:33

他の人のために申し訳ありません、私はこれをチェックし、それは動作します。 – Trick

子供がいない場合はどうなりますか？テキストのみですか？ – andlrc

子供がいない場合$（ "＃divtochangeFont、#divtochangeFont *"）。 –

を使用することはできませんあなたが何かを行うことができます：あなたは親のdivにフォントを設定しているので

$("#divtochangeFont").css("font-size","16px"); 
$("#divtochangeFont").children().each(function() { 
    $(this).css("font-size","16px"); 
});

2011-12-26 12:37:19 tmaximini

を、子pでその段落には10pxのフォントサイズが優先されます。（それはCSSのカスケーディングです。）

フランクブリザードが示唆していることは何が効くのでしょうか。個人的には、#divtochangeFontにpのみが含まれている場合は、セレクタを変更します。

$("#divtochangeFont p").css("font-size","16px");

2011-12-26 12:44:42 mqsoh

$("#divtochangeFont, #divtochangeFont *").css("font-size", "16px");

2011-12-26 12:45:23 andlrc

あなたはあなただけのすべての子供たちを取る必要があり、他の要素

$("#divtochangeFont").addClass("important").css("font-size","16px");

2011-12-26 12:45:31 bevacqua

答えて