Question

我知道如何使用jQuery和JavaScript为嵌套元素添加样式，但出于某种原因，我无法弄清楚如何将样式添加到深层嵌套的元素。

我在我的网站上使用WordPress，并且在我想要覆盖的元素周围添加了一堆div。

我正在尝试使用类名.bx-wrapper设置元素的样式。但是，我只想设置嵌套在类.bx-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');

Answer 1

由于您要向jQuery .css()标记添加多个属性，因此您需要对.css()语法稍作调整，如下所示：

$('.associate-wrapper').find('.bx-wrapper').css({'position': 'absolute', 'margin-top': '30px'});

JSFiddle with above script

或者您可以像上面提到的那样以与和相同的方式更改选择器，因为您要向jQuery .css()标记添加多个属性，您必须编写你的脚本是这样的：

$('.associate-wrapper .bx-wrapper').css({"position": "absolute", "margin-top": "30px"});

JSFiddle with above script

如何使用.css（）向元素添加多个CSS样式

1 个答案: