Question

例如，如果我有：

<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：无法使用比例效果...

Answer 1

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

Answer 2

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

你只需要带走你所有的孩子

Answer 3

你可以做点什么：

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

Answer 4

由于您在父div上设置字体，因此字体大小为10px的子p优先于该段落。（这是CSS中的级联。）

坦率的暴风雪建议会起作用。就个人而言，如果#divtochangeFont只包含p，我只会更改你的选择器。

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

Answer 5

尝试这样的事情，所以你不必担心其他元素

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