Javascript 使用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中所有定义的字体大小属性

---

PS：不能使用缩放效果…

您可以执行以下操作：

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

---

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

弗兰克·暴雪的建议会奏效。就我个人而言，如果#divtochangeFont只包含p，我会更改选择器

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

---

尝试类似的方法，这样您就不必担心其他因素

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

---

你只需要带上你的div的所有子项

你试过$（“#divtochangefontp”）.css（“font size”，“16px”）吗？如果您的浏览器将

stlye

解释为

style

，我会很担心。是的，您只需要添加一个p：如果没有任何子项-只有文本呢？如果没有子项$（“#divtochangeFont，#divtochangeFont*”）。

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

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

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