在打开特定的 <details> 标签后，如何仅使用 css 不使用 js自动关闭所有其他 <details> 标签

如何解决在打开特定的 <details> 标签后，如何仅使用 css 不使用 js自动关闭所有其他 <details> 标签

我看到了答案，但它是通过使用js解决的。我只想通过使用 css 来实现这一点。

所以我正在制作一个带有“详细信息”元素的常见问题手风琴，可以在点击问题时打开答案。我想要实现的是当我点击其他一些问题以关闭所有其他开放答案时。

有什么想法吗？

下面是一个例子。

<details>
  <summary>1</summary>
  Demo 1
</details>

<details>
  <summary>2</summary>
  Demo 2
</details>

<details>
  <summary>3</summary>
  Demo 3
</details>