In einer <ol>-Liste eine sichtliche Abtrennung vornehmen

[Gunnar Bittersmann]

@@Gunnar Bittersmann

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}) { … }
}

Nö, nicht ganz. Das würde ja

Selektor1 { … }
Selektor2 { … }
Selektor3 { … }

generieren. Wir wollen doch aber die Selektoren aufzählen:

Selektor1, Selektor2, Selektor3 { … }

Der SCSS-Code dafür:

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

@each $Bundesland in $Bundesländer
{
  $Selektor: append($Selektor, '.#{$Bundesland} + :not(.#{$Bundesland})', comma);
}

#{$Selektor} { … }

LLAP 🖖