So wählen Sie 1., 4., 7. element und so weiter?

Wie konnte ich wählen Sie die 1., 4., 7. Elemente und so weiter ?! auch, wie Sie die 3., 6., 9. und so weiter?

das Muster auswählen und das element dann aus zwei und der Auswahl des Dritten. Ich weiß, ich sollte verwenden :nth-child, aber ich weiß nicht, wie genau.

InformationsquelleAutor Youakeem | 2013-07-02
  1. 19

    Stil der ersten, vierten, siebten (und so weiter) Elemente, die einfachste Methode ist, mit CSS, die Verwendung der folgenden (ich nehme an, Sie arbeiten mit li Elemente, aber offensichtlich passen Sie Ihr use-case):

    ul {
    counter-reset: lis;
}

li::after {
    counter-increment: lis;
    content: counter(lis, decimal);
}

li:nth-child(3n+1) {
    background-color: #f90;
}

    JS Fiddle demo.

    Referenzen:

    InformationsquelleAutor David Thomas
Schreibe einen Kommentar