調整大小的字體與jQuery/JS和重寫字體大小

<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「）; ？ – 2011-12-26 12:35:22

如果你的瀏覽器將'stlye'解釋爲'style'，我會擔心的。 – alex 2011-12-26 12:38:04

是的，你只需要添加一個p：http://jsfiddle.net/srGxF/ – 2011-12-26 12:45:27

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

你只需要考慮到所有的孩子div

2011-12-26 12:47:33

對不起，其他人，我檢查了這一個，它的工作原理。 – Trick 2011-12-26 12:57:22

如果沒有任何孩子 - 只是文字？ – andlrc 2011-12-26 12:57:39

如果沒有孩子$（「＃divtochangeFont，＃divtochangeFont *」）。 – 2011-12-26 13:03:57

，你可以這樣做：

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

2011-12-26 12:37:19 tmaximini

既然你設置字體父DIV，用的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

回答