调整大小的字体与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

回答