Positionierung des details Button!

[Rolf B]

Hallo MudGuard,

details:not(open) 

heißt: ein details-Element, das kein open-Element ist.

Ich bin ja ganz bei Dir - und darum habe ich zuerst auch geschrieben, dass man die Klammern braucht. Ein details-Element, das kein open-Element ist, das wäre eine Tautologie und es wäre Blödsinn, das abzufragen.

Ich habe mich dann von Jürgen ins Bockshorn jagen lassen. Ich habe jetzt nochmal hingeguckt, mit Chrome 79 und Firefox 73 sowie mit Edge 18. Hmpf. Edge kennt selbst in Version 18 das <details> Element nicht.

Die Version ohne eckige Klammern funktioniert nicht.

details:not(open) {
  color: green;
}

lässt das Details grün, egal ob offen oder zu.

Laut CSS4 ist das ein „useless selector“, der aber die Spezifizität erhöht. Das wäre was für @Gunnar Bittersmann, der ja nach einem Ersatz-!nuke suchte.

Rolf