Folks,

У меня есть 100 тегов <p>, и я пытаюсь повторить набор из четырех цветов для каждого ряда ниже.

REDСИНИЙЗЕЛЕНЫЙПУРПУРНЫЙREDСИНИЙЗЕЛЕНЫЙФИОЛЕТОВЫЙ .... и так далее

Сгенерированный вывод не так, как я хотел. Выход

REDСИНИЙЗЕЛЕНЫЙПУРПУРНЫЙREDЗЕЛЕНЫЙREDПУРПУРНЫЙЗЕЛЕНЫЙСИНИЙREDПУРПУРНЫЙ

так что если у вас есть предложения, которые будут полезны для меня, :)

вот мой код CSS

<style>    
p:nth-child(1n) {
        background: red;
    }
    p:nth-child(2n) {
        background: blue;
    }
    p:nth-child(3n) {
        background: green;
    }
    p:nth-child(4n) {
        background: purple;
    }
</style>