JSFiddle - React, Tailwind, and code Playground

HTML

<div class="menuItemWrapper">
            <div class="menuItem"><a href="shop.html">1 Shop Online</a></div>
            <div class="menuItem"><a href="blog.html">2 The Blog</a></div>
            <div class="menuItem"><a href="lookbook.html">3 LookBook</a></div>
            <div class="menuItem"><a href="gift-finder.html">4 Gift Finder</a></div>
            <div class="menuItem"><a href="about.html">5 About Us</a></div>
            <div class="menuItem sub"><a href="freebies.html">6 Tutorials</a></div>
            <div class="menuItem sub"><a href="faq.html">7 FAQ</a></div>
            <div class="menuItem sub"><a href="contact.html">8 Contact</a></div>
</div>

CSS

.menuItemWrapper .menuItem:nth-child(4n+1), .menuItemWrapper .menuItem:nth-child(4n+2) {
background-color: #ccc; }