Lea Verou gräbt das CSS-Trick-Klassikermaterial wieder hervor und wendet es an, um die Hintergründe einiger Codeblöcke zuzuschneiden.
Die Hauptidee ist einfach: Sie schreiben Ihre Hauptregel mit CSS-Variablen und verwenden dann `:nth-of-*()`-Regeln, um diese Variablen für jeden N-ten Artikel auf etwas anderes zu setzen. Wenn Sie genügend Variablen verwenden und Ihre Ns so wählen, dass sie Primzahlen sind, erreichen Sie mit relativ kleinen Ns ein gutes Erscheinungsbild von Pseudozufälligkeit.
Die Aktualisierung des Tricks besteht darin, dass sie nicht den gesamten Codeblock für jeden der Selektoren aktualisiert, sondern nur einen Teil des Clipping-Pfads, der über eine benutzerdefinierte Eigenschaft aktualisiert wird.
Leas Beitrag enthält mehr Trickereien, die dieselben Konzepte verwenden.