JSFiddle - React, Tailwind, and code Playground

by linmic

HTML

<a href="#" tabIndex="-1">unfocusable</a>
<a href="#" tabIndex="1">focusable</a>
<a href="#" tabIndex="1">focusable</a>
<a href="#" tabIndex="-1">unfocusable</a>

SCSS

a {
  display: inline-block;
  color: blue;
  font-size: 20px;
  line-height: 30px;
  padding: 5px 10px;
  
  &:focus {
    color: red;
  }
}