How to apply styles using mergeStyles or makeStyles to the DOM element which is loaded dynamically

[makarandkeer]

Hello,

I have a DIV which loads the DOM elements dynamically and I wanted to apply style to selected DOM element. For example I wanted to apply style for <p>, <ul> and other elements.

How can I do it, I tried with following code, but it seems to be deprecated

const containerStyle = mergeStyles({
  selectors: {
    p: {
      // Automatically applies to all <p> tags
      "margin-bottom": "1em", // Add space after each <p>
    },
    ul: {
      "margin-bottom": "1em", // Add space after each <ul>
      "padding-left": "1", // Indent <ul> content
    },
  },
});