JSFiddle - React, Tailwind, and code Playground

by Sean Wessell

HTML

<div class="woocommerce-breadcrumb">
  <a href="#">link desc</a>
  <br />
  <a href="#">link desc</a>
  <br />
  <a href="#">link desc</a>
  <br />
  <a href="#">link desc</a>
  <br />
  <a href="#">link desc</a>
  <br />
  <a href="#">link desc</a>
  <br />
  <a href="#">link desc</a>
  <br />
  <a href="#">link desc</a>
  <br />
  <a href="#">link desc</a>
  <br />
  <a href="#">link desc</a>
  <br />
  <a href="#">link desc</a>
  <br />
</div>

JavaScript

$('.woocommerce-breadcrumb a').each(function(i) {
  $(this).css('padding', i + 'rem');
});