0

Hola estoy aprendiendo css y quisiera eliminar la barra vertical que sale al comienzo de "Home" y la que esta al comienzo de "Donate" como podría hacer eso, ? alguna idea por favor, gracias.

introducir la descripción de la imagen aquí

 <ul className="nav-links">
                        <li>
                            <a href="#home">Home</a>
                        </li>
                        <li>
                            <a href="#research">Research Institute Projects</a>
                        </li>
                        <li>
                            <a href="#press">Press</a>
                        </li>
                        <li>
                            <a href="#volunteer">Volunteer</a>
                        </li>
                        <li>
                            <a href="#contact">Contact</a>
                        </li>
                        <li>
                            <a className="elipse" href="#donate">Donate</a>
                        </li>

                    </ul>

 #menu ul li {
        list-style-type: none;
        display: inline;
        border-left: 2px solid black;
        height: 500px;

    }

1
  • 1
    Usa las pseudo-clases para primer y último hijo: #menu ul li:first-child, #menu ul li:last-child{ border-left: none;}
    – Sal
    Commented el 12 mar. 2021 a las 0:41

1 respuesta 1

0

Agrega en número al selector nth-child con el siguiente css, suponiendo que es el cuarto elemento


#menu ul li:nth-child(4){
border: none
}

O suponiendo que siempre va a ser el último li

#menu ul li:last-child{
border:none
}
1

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.