JSFiddle - React, Tailwind, and code Playground

by JakobJingleheimer

HTML

<div id="container">
  <a class="foo">bar</a>
  <a class="foo">qux</a>
  <a is="ea-cta" class="bar">zed</a>
  <a is="ea-cta" class="bar">alpha</a>
</div>

SCSS

#container .bar:first-of-type {
  color: red;
}

JavaScript

var containerElm = document.getElementById('container');
var firstBar = containerElm.querySelectorAll('a.bar');

console.log(firstBar);