Gunnar Bittersmann: In einer <ol>-Liste eine sichtliche Abtrennung vornehmen

Beitrag lesen

@@Tabellenkalk

Es wäre immer noch Inhalt im css, aber könnte sowas wie .hessen + not(.hessen) funktionieren?

Nicht, wenn die Klasse im Markup Hessen heißt. 😜

Aber ja, derartige Selektoren sind natürlich sinnvoller als meiner. Man kann einfach alle möglichen Bundesländer im Stylesheet vorsehen, egal, ob sie gerade(!) im Seiteninhalt vorkommen oder nicht. Dann können sich auch die Bayern zwischen NRW und Hessen schieben:

.Bayern + :not(.Bayern),
.Hessen + :not(.Hessen),
.NRW + :not(.NRW), …
{}

Oder bei Bedarf andersrum

:not(.Bayern) + .Bayern,
:not(.Hessen) + .Hessen,
:not(.NRW) + .NRW, …
{}

Wenn man einen CSS-Präprozessor verwendet (bspw. Sass), würde man das so in der Art machen:

$Bundesländer: (Bayern, Hessen, NRW, …);

@each $Bundesland in $Bundesländer
{
  .#{$Bundesland} + :not(.#{$Bundesland}) { … }
}

LLAP 🖖

--
„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“ —Kurt Weidemann