如何使用.css（）将多个CSS样式添加到元素(How to add multiple CSS styles to an element with .css())

 我知道如何使用jQuery和JavaScript为嵌套元素添加样式，但由于某些原因，我无法弄清楚如何将样式添加到深度嵌套元素。 
 
 我正在为我的网站使用WordPress，并在我尝试访问的元素周围添加了一堆div。 
 
 我正在尝试使用类名称.bx-wrapper来设置元素的样式。 不过，我只想设计嵌套在类.associate-wrapper中的.associate-wrapper 。 
 
 这是我目前的HTML： 
 
<div class="row associate-wrapper">
  <li id="black-studio-tinymce-16" class="widget">
    <div class="textwidget">
      <div class="row"></div>
      <div class="col-md-12 text-center"></div>
      <div class="col-md-12 text-center">
        <div class="bx-wrapper">
          <p>content....</p>
        </div>
      </div>
    </div>
  </li>
</div>
 
 这里是我目前非工作的 jQuery： 
 
$('.associate-wrapper').find('.bx-wrapper').css('position', 'absolute', 'margin-top', '30px');

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 deeply nested element. 
 
I'm using WordPress for my site and it has added a bunch of divs around the element that I am trying to reach.
 
I am trying to style the element with the class name .bx-wrapper. However, I only want to style the .bx-wrapper that is nested inside of the class .associate-wrapper.
 
Here is my current HTML:
 
<div class="row associate-wrapper">
  <li id="black-studio-tinymce-16" class="widget">
    <div class="textwidget">
      <div class="row"></div>
      <div class="col-md-12 text-center"></div>
      <div class="col-md-12 text-center">
        <div class="bx-wrapper">
          <p>content....</p>
        </div>
      </div>
    </div>
  </li>
</div>
 
And here is my current non-working jQuery:
 
$('.associate-wrapper').find('.bx-wrapper').css('position', 'absolute', 'margin-top', '30px');

原文：https://stackoverflow.com/questions/32467355