Positionierung des details Button!

[JürgenB]

Hallo Andreas,

Solange es nur die beiden Regeln

details:not(open) {...}
details[open] {...}

in dieser Reihenfolge gibt, sieht es so aus, als ob es dasselbe wäre wie

details:not([open]) {...}
details[open] {...}

und letztere nur die Eigenschaften der ersteren "überschreibt".

details:not(open) { background-color:yellow; }
details:not([open]) { border: thick solid green; }
details:[open] { font-size:2em; }

Der Hintergrund sollte auch bei geöffnetem Zustand gelb sein.

kann ich bestätigen. Da war es bei meinem CSS nur dem Zufall geschuldet, das es „funktioniert“ hat. Danke für die Analyse.

Gruß
Jürgen