Czy możliwe są alternatywne zagnieżdżone style w CSS?

Robię mały eksperyment, próbując zmieniać kolory tła dla zagnieżdżonych div.

To właśnie zamierzam osiągnąć (bez stylów inline):

<code><div style="background: #fff;">
    <div style="background: #000;">
        <div style="background: #fff;">
            <div style="background: #000;">
                and so on...
            </div>
        </div>
    </div>
</div>
</code>

Czuję, że muszę przegapić coś oczywistego! próbowałemdiv:nth-of-type(2n) ale wydaje się, że dotyczy to tylko jednego poziomu.

To jest dla eksperymentu, w którym generowane są divy, więc rozwiązanie musi być nieskończone (nie coś wzdłuż linii div div div div = white). Wiem, że to proste z JavaScriptemszukam czystego rozwiązania CSS.

questionAnswers(2)

yourAnswerToTheQuestion