Question

我有n个具有一些div的容器。但是我需要更改具有的特定容器的宽度。如何仅使用CSS实现此目标？（我可以使用Jquery做到这一点）

if ($(".container #content").length > 0){  
  $(this).closest('.container').css('width','450px'); 
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="container">
....
</div>
<div class="container">
....
</div>
<div class="container">
..
  <div id="content">...</div>
..
</div>
<div class="container">
....
</div>

Answer 1

尝试关注

$("#content").closest('.container').css('width','450px');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="container">
....
</div>
<div class="container">
....
</div>
<div class="container">
..
  <div id="content">...</div>
..
</div>
<div class="container">
....
</div>

由于id是唯一的，因此html中的ID最多应为1个。但是，在层次结构中仍然有多个具有相同ID的元素，则可以将选择器更新为$(".container #content")

如果容器具有特定元素，请更改其宽度

1 个答案: