Изменить размер шрифта с помощью jQuery / JS и переопределить размер шрифта

Question

Например, если у меня есть:

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

Теперь я хочу изменить размер шрифта с помощью jQuery для всего содержимого div. Например, с простым jQuery:

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

Но это меняется только в первом абзаце. Как переопределить все определенные атрибуты font-size в div?

PS: Эффект масштаба не может быть использован ...

Answer 1

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

вам нужно только взять всех детей вашего div

Answer 2

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

Answer 3

Попробуйте что-то вроде этого, чтобы вам не пришлось беспокоиться о других элементах

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

Как подать заявку! Важно с помощью .css ()?

Answer 4

Поскольку вы устанавливаете шрифт для родительского элемента div, дочерний элемент p с размером шрифта 10 пикселей имеет приоритет для этого абзаца.(Это каскад в CSS.)

То, что предлагает откровенная метель, будет работать.Лично я бы просто изменил ваш селектор, если #divtochangeFont содержит только p.

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

Answer 5

вы можете сделать что-то вроде:

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