In einer <ol>-Liste eine sichtliche Abtrennung vornehmen
bearbeitet von 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 🖖
--
*„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“* —Kurt Weidemann