title: How to apply nested styles to my react form component,only main styles are appending not nested ones
body: <pre><code>const formContainer = {
      maxWidth: &quot;300px&quot;,
       backgroundColor: '#FD439B',
       padding: &quot;10px&quot;,
      &quot;&amp; textarea&quot; : {
        width: '100%',
        padding: '15px',
        margin: '5px 0 22px 0',
        border: &quot;none&quot;,
        background: '#F1F1F1',
        resize: &quot;none&quot;,
        minHeight: '200px'
      },
      &quot;&amp; focus&quot; : {
        backgroundColor: '#ddd',
          outline: 'none'
      };
  JS Code :
  &lt;div class=&quot;formContainer&quot; style={formContainer}&gt;
  </code></pre>
  <p>With this code only formContainer maxWidth,backgroundColor,padding is appending ,remaining code like textarea,focus styles are not coming.</p>