是否可以删除基于兄弟 div 按钮的 state 的样式？

Question

我有一个 html 片段，点击时会隐藏一个按钮：

<div class="item">
    Some Text
 </div>
 <div>
    <button onclick="hideButton()">
      Hide me
    </button> 
 </div>

CSS：

.item {
  background-image: linear-gradient(180deg,black,white);
}

使用 CSS，如果嵌套在兄弟 div 中的按钮位于隐藏的 state 中，是否可以删除 div.item 上的背景图像样式？ 我知道如何在 JavaScript 中完成此操作，但好奇是否可以单独使用 CSS 来处理？

Answer 1

这可以使用新添加的 CSS has选择器： div:has(> button:active) ~.item目前还没有得到广泛支持，因此 JavaScript 可能是您在这里需要的。