Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Dúvida] Header com sidebar.

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>
1 resposta
solução!

Se entendi corretamente, você se refere ao: <a class="item_cabeçalho" href="#">Home</a> que está listado no header, e <a class="item_cabeçalho_sidebar" href="#">Home</a> que está na div.sidebar.

Para fazer o "reaproveitamento", você teria que utilizar manipulação de DOM com JavaScript.