javascript - 动态地将 CSS 样式应用于特定元素

Question

我有一个里面有段落的div:

<div>
  <p>...</p>
  <p>...</p>
</div>

我想动态地将某种样式应用于此 div 内的段落。是否可以在不处理每个段落元素的情况下做到这一点，而只是以某种方式将样式附加到 div 元素，并且所有内部段落都会受到影响？

也许用 jquery。

这听起来像是样式表的动态变化，这可能吗？

---

答案评论中的正确推荐。

谢谢。

Answer 1

不使用类:

/* using CSS */
div p {
    color: #ff0000;
}

// using jQuery
$("div p").css({
    color : "#ff0000"
});

带有 <p> 的类元素:

<!-- HTML -->
<div>
    <p class="mypar">...</p>
    <p class="mypar">...</p>
</div>

/* using CSS */
div p.mypar {
    color: #ff0000;
}

// using jQuery
$("div p.mypar").css({
    color : "#ff0000"
});

带有 <div> 的类元素:

<!-- HTML -->
<div class="mydiv">
    <p>...</p>
    <p>...</p>
</div>

/* using CSS */
div.mydiv p {
    color: #ff0000;
}

// using jQuery
$("div.mydiv p").css({
    color : "#ff0000"
});