JSFiddle - React, Tailwind, and code Playground
by aparadise
HTML
<ul class="list">
<li>
<a href="http://www.gotomypc.com/remote-access/?ref=login" class="listHead">Home</a>
</li>
<li>
<a href="/members/login.tmpl">Customer Login</a>
</li>
<li>
<a href="http://support.citrixonline.com/GoToMyPC" rel="external">24/7 Support</a>
</li>
<li>
<a href="http://www.gotomypc.com/remote-access/how-it-works/faq">FAQs</a>
</li>
<li>
<a href="/members/register.tmpl?FreeTrial=true">Try It Free</a>
</li>
<li>
<a href="/members/register.tmpl?FreeTrial=false">Buy Online</a>
</li>
</ul>
<ul class="list">
<li>
<a href="http://www.gotomypc.com/remote-access/how-it-works" class="listHead">Learn More</a>
</li>
<li>
<a href="http://www.gotomypc.com/remote-access/how-it-works">How It Works</a>
</li>
<li>
<a href="http://www.gotomypc.com/remote-access/features">Features</a>
</li>
<li>
<a href="http://www.gotomypc.com/remote-access/how-it-works/reviews">Customer Reviews</a>
</li>
<li>
<a href="http://www.gotomypc.com/remote-access/compare-plans">Compare Plans</a>
</li>
<li>
<a href="http://www.gotomypc.com/remote-access/features/benefits">Benefits</a>
</li>
</ul>
<ul class="list">
<li>
<a href="http://www.gotomypc.com/remote-access/team-accounts" class="listHead">Team Accounts</a>
</li>
<li>
<a href="http://www.gotomypc.com/remote-access/how-it-works/white-papers">White Papers</a>
</li>
<li>
<a href="http://www.gotomypc.com/remote-access/how-it-works/case-studies">Case Studies</a>
</li>
<li>
<a href="http://www.gotomypc.com/remote-access/how-it-works/security">Security & Reliability</a>
</li>
<li>
<a href="http://www.gotomypc.com/remote-access/how-it-works/technology">Our Technology</a>
</li>
<li>
<a href="http://www.gotomypc.com/remote-access/contact-sales">Contact Sales</a>
</li>
</ul>
JavaScript
//how to get around white space with querySelector() then childNodes[]
var y = document.querySelector('.list');
var myNode = y.childNodes[11].style.backgroundColor='red';