JSFiddle - React, Tailwind, and code Playground

by Sarower Jahan

HTML

<span class="span1" tabindex="0">Span 1</span>
<span class="span2" tabindex="0">Span 2</span>

CSS

body {
    display: block;
}
.span1:focus{
    color:gray;
}
.span2{
  color:gray;
}
.span1:focus ~ .span2 {
    display: inline-block;
    color:black;
}
.span2:focus{
    color:gray; 
}
.span2:focus ~ .span1 {
    color:black
}