Styling dangerouslySetInnerHTML with Next.js

Developer help
3

Hey @minimaluminium,

Thanks for the reply.

Here’s my code example:

<React.Fragment>
    <h1> this-turns-red </h1>
    <div dangerouslySetInnerHTML={{ __html: props.post.html }} />

  <style jsx>{`
    h1 {
      color: red;
    }
  `}</style>
</React.Fragment>

The text “this-turns-red” is red but the html inside dangerouslySetInnerHTML is still not styled. Do you have an example on how to style dangerouslySetInnerHTML?