Beliebige Tabellenzeilen mit <details> schalten?

[Gunnar Bittersmann]

@@fietur

Interessanterweise funktioniert von beiden Varianten

details:not([open]) ~ table tr.switch { visibility:collapse; }
details[closed] ~ table tr.switch { visibility:collapse; }

nur die erste. Ich hätte beides für äquvalent gehalten.

Wie kommt das denn zustande?

Das details-Element(objekt) hat entweder das Attribut/die Eigenschaft open gesetzt oder nicht gesetzt; aber nicht die Eigenschaft closed.^[1]

🖖 Живіть довго і процвітайте

---

1. Klar könnte man eine solche mit JavaScript setzen; man sollte aber nicht erwarten, dass sich daraufhin was tut. 😏 ↩︎