nth-child nach id
bearbeitet von
Ich glaube, dass "select" als ID nicht richtig ist, sondern dass man das als class lösen sollte. Ggf. hast Du ja in mehreren Containern selektierbare Werte.
Und ansonsten wäre meine **Meinung** dazu diese:
Löst ein Seitenwechsel immer den Abruf einer kompletten neuen Seite aus?
-> mach es auf dem Server
Hast Du eine SPA die die Seiteninhalte beim Blättern per AJAX nachlädt?
-> mach es in Javascript (reiner JS Navigator) oder PHP (hole den geänderten Navigator vom Server)
Kannst Du auf unbestimmte Zeit warten?
-> Warte ab bis der [:has() Selektor](https://drafts.csswg.org/selectors-4/#relational) implementiert ist. Wenn sich der Vorschlag etabliert, wird folgendes möglich sein:
~~~css
nav li {
display:none
}
/* ACHTUNG - :has() ist Working Draft und bisher von keinem Browser implementiert */
nav li:has(+ .select, + li + .select, + li + li + .select), nav li.select, nav li.select + li, nav li.select + li + li, nav li.select + li + li + li {
display:block; /* oder inline-block oder was du brauchst */
}
~~~
Bist Du ein Fan von Knobelei und kryptischen Darstellungen?
-> Probiers in aktuellem CSS ;)
Rolf