No código o qual eu irei compartilhar abaixo, eu estou utilizando uma lista para os botões de um portifólio, porém, quando criei a sidebar fora do header também tive que criar novos links para a sidebar. gostaria de saber se consigo reutilizar as mesmas ancoras da lista_cabeçalho dentro da div sidebar.
<header class="cabeçalho" id="header">
<button class="abrir_nav" onclick="openNav()"><i class="fa-solid fa-bars"></i></button>
<div class="container_cabeçalho">
<h2 class="cabeçalho_logo_titulo"><span class="estilo_titulo">>_</span>João V</h2>
</div>
<div class="container_lista_cabeçalho">
<ul class="lista_cabeçalho">
<li class="lista_cabeçalho_item">
<a class="item_cabeçalho" href="#">Home</a>
</li>
<li class="lista_cabeçalho_item">
<a class="item_cabeçalho" href="#">Conhecimentos</a>
</li>
<li class="lista_cabeçalho_item">
<a class="item_cabeçalho" href="#">Carreira</a>
</li>
<li class="lista_cabeçalho_item">
<a class="item_cabeçalho" href="#">Projetos</a>
</li>
<li class="lista_cabeçalho_item">
<a class="item_cabeçalho" href="#">Social Media</a>
</li>
</ul>
<a class="botao botao_cabeçalho" href="#">Contato</a>
</div>
</header>
<div id="sidebar" class="sidebar">
<a class="fechar_nav" href="#" onclick="closeNav()"><i class="fa-solid fa-xmark"></i></a>
<a class="item_cabeçalho_sidebar" href="#">Home</a>
<a class="item_cabeçalho_sidebar" href="#">Conhecimentos</a>
<a class="item_cabeçalho_sidebar" href="#">Carreira</a>
<a class="item_cabeçalho_sidebar" href="#">Projetos</a>
<a class="item_cabeçalho_sidebar" href="#">Social Media</a>
<a class="item_cabeçalho_sidebar" href="#">Contato</a>
</div>