Mehrere Variablen bündeln

[Rolf B]

Hallo Gunnar,

ich finde, dass hidden gut gemeint ist, aber schlecht gemacht. Im Browser ist es realisiert als

[hidden] {
   display: none;
}

und das führt dazu, dass hier

<style>
   nav {
      display: flex;
   }
</style>
...
<nav hidden>...</nav>

das nav Element trotz des hidden-Attributs sichtbar ist (Chrome + Firefox)

Man muss nachsteuern und die browser-interne Regel nochmal im eigenen CSS nachlegen, dann ist es besser. Damit sie sicher gewinnt, sollte es so ziemlich die letzte CSS Regel sein, die der Browser antrifft. Oder man löst das Problem nuklear.

Rolf