Details[open] Hide all Summary

Español HTML-CSS
1

Hi there!
i am trying to create a form just using HTML and CSS in witch you only can deploy a single Detail, hiding the rest of them.
so far i amable to hide the further ones but not the ones before using this command

details[open] ~ details {
  display: none;
}

Any suggestions? is it imposible?

2

Not sure I understand exactly the page structure you have and what you are trying to do but the sibling selectors can only select siblings.

You can look at the :has() selector which is now fairly well supported.