Question

无论如何我们可以定位元素的容器吗？我似乎无法找到方法，这是一个例子：

HTML：

<div class="wrapper">
   <div class="content" id="TopSection">
      <span>Box A</span>
   </div>
</div>

<div class="wrapper">
   <div class="content" id="BottomSection">
      <span>Box B</span>
   </div>
</div>

包装器和内容都有样式类，例如：

.wrapper {
    background-color: black;
 }

 .content {
    padding: 10px 20px;
 }

如何更改BottomSection上包装器的背景颜色，而不添加其他包装类，即wrapperB？那么我们可以定位仅包含该ID的包装器吗？

Answer 1

试试这个 -

.wrapper {
background-color: black;
}

.wrapper:nth-child(2) {
background-color: orange;
}

.content {
padding: 10px 20px;
}

Answer 2

您可以使用jQuery定位父级，添加一个可以用CSS定位的类：

$('#BottomSection').closest('.wrapper').addClass('changeMe');

定位特定元素的常规容器

2 个答案: