如果兄弟div存在，则将css类添加到元素

Question

点击button类menu-button后，div的{​​{1}}会被添加到popover-menu。发生这种情况时，DOM元素变为popover-menu。

当active在CSS范围内时，是否可以使用button向popover-menu添加其他类？

DOM

Answer 1

虽然没有能力在样式表的上下文中改变元素的类，但在你的情况下，only-child伪类可能足以满足你想要做的事情。

<style>
  .menu-button:only-child {
    color: pink;
  }
</style>

<div>
  <button class="menu-button">
    <span>Clickme</span>
  </button>
  <div class="popover-menu">
    Menu
  </div>
</div>

https://codepen.io/hamzatayeb/pen/dzKyja