Сохранить фокус на элементе после обновления страницы (localstorage, tabindex)

.cucumber {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

.nano {
  border-radius: 10px;
  width: 62px;
  margin: 1px;
  text-align: center;
  border: 1px solid #141414;
  padding: 10px;
  text-decoration: none;
  background: coral;
  color: white;
}

.nano:focus {
  
  background:white ;
  color:coral;
}

<div class='cucumber'>
<a tabindex="0" href='/rele' class='nano'>1</a>
<a tabindex="0" href='/rele' class='nano'>2</a>
<a tabindex="0" href='/rele' class='nano'>3</a>
<a tabindex="0" href='/rele' class='nano'>4</a>
<a tabindex="0" href='/rele' class='nano'>5</a>
<a tabindex="0" href='/rele' class='nano'>6</a>
<a tabindex="0" href='/rele' class='nano'>7</a>
<a tabindex="0" href='/rele' class='nano'>8</a>
<a tabindex="0" href='/rele' class='nano'>9</a>
<a tabindex="0" href='/rele' class='nano'>10</a>
<a tabindex="0" href='/rele' class='nano'>11</a>
<a tabindex="0" href='/rele' class='nano'>12</a>
<a tabindex="0" href='/rele' class='nano'>13</a>
<a tabindex="0" href='/rele' class='nano'>14</a>
<a tabindex="0" href='/rele' class='nano'>15</a>
<a tabindex="0" href='/rele' class='nano'>16</a>
<a tabindex="0" href='/rele' class='nano'>17</a>
<a tabindex="0" href='/rele' class='nano'>18</a>
<a tabindex="0" href='/rele' class='nano'>19</a>
<a tabindex="0" href='/rele' class='nano'>20</a>
<a tabindex="0" href='/rele' class='nano'>21</a>
<a tabindex="0" href='/rele' class='nano'>22</a>
<a tabindex="0" href='/rele' class='nano'>23</a>
<a tabindex="0" href='/rele' class='nano'>24</a>
<a tabindex="0" href='/rele' class='nano'>25</a>
<a tabindex="0" href='/rele' class='nano'>26</a>
<a tabindex="0" href='/rele' class='nano'>27</a>
<a tabindex="0" href='/rele' class='nano'>28</a>
<a tabindex="0" href='/rele' class='nano'>29</a>
<a tabindex="0" href='/rele' class='nano'>30</a>
<a tabindex="0" href='/rele' class='nano'>31</a>
<a tabindex="0" href='/rele' class='nano'>32</a>
</div>