Javascript 反应更改div中所有子级的字体文本颜色

我已经设置了这样的渲染函数

<div
  dangerouslySetInnerHTML={{
     __html: page.content.rendered
   }}
/>

有没有办法更改div元素中所有子元素的文本颜色

我尝试向外部div元素添加颜色：“somecolor”，但没有任何变化。

<div style={{"color": "red"}}>
  <h2> this is title </h2>
  <p> hello </p>
</div>

这是标题
你好

您可以设置任何父元素的样式，它将应用于其子元素。

例如：

<div
  style={{color:'red'}}
  dangerouslySetInnerHTML={{
     __html: page.content.rendered
   }}
/>

有许多造型解决方案性能更好，并得到社区的大力支持：

---

JSX中的样式与HTML中的样式相同，您可以在外部CSS文件中创建类，然后执行以下操作：

import './style.css';

<div className='.myClass'
    dangerouslySetInnerHTML={{
    __html: page.content.rendered
   }}
/>

import./style.css'；

或者，您可以像这样进行内联样式设置：

<div style={{color:'red'}}
    dangerouslySetInnerHTML={{
    __html: page.content.rendered
   }}
/>

在我看来，在React中使用内联样式非常奇怪。我更喜欢导入CSS文件或使用类似Tachyons的库并使用JSX类名

---

您可以从类似的帖子中找到更多帮助。

向我们展示您使用的不起作用的代码…@js1568问题中的代码实际上是CSS的一个功能，而不是React。我也有同样的问题。危险设置的html具有内联样式将颜色设置为黑色。我需要覆盖颜色并将其全部更改为深灰色。我无法访问危险设置的html文件，无法从内部对其进行更改。

<div style={{color:'red'}}
    dangerouslySetInnerHTML={{
    __html: page.content.rendered
   }}
/>