title: How to add multiple CSS styles to an element with .css()
body: <p>I'm aware on how to add styles to nested elements using jQuery and JavaScript but for some reason I can't figure out how to add a style to a <em>deeply nested</em> element. </p>
  
  <p>I'm using WordPress for my site and it has added a bunch of divs around the element that I am trying to reach.</p>
  
  <p>I am trying to style the element with the class name <code>.bx-wrapper</code>. However, I only want to style the <code>.bx-wrapper</code> that is nested inside of the class <code>.associate-wrapper</code>.</p>
  
  <p>Here is my current HTML:</p>
  
  <pre><code>&lt;div class="row associate-wrapper"&gt;
    &lt;li id="black-studio-tinymce-16" class="widget"&gt;
      &lt;div class="textwidget"&gt;
        &lt;div class="row"&gt;&lt;/div&gt;
        &lt;div class="col-md-12 text-center"&gt;&lt;/div&gt;
        &lt;div class="col-md-12 text-center"&gt;
          &lt;div class="bx-wrapper"&gt;
            &lt;p&gt;content....&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/li&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And here is my current <em>non-working</em> jQuery:</p>
  
  <pre><code>$('.associate-wrapper').find('.bx-wrapper').css('position', 'absolute', 'margin-top', '30px');
  </code></pre>