Estoy trabajando en la barra de menú de un sitio web.
estoy usando nextjs para mi aplicación
Quiero diseñar la etiqueta a
Pero no funcionó
Mi código
JavaScript
const Nav = () => { return ( <div className={styles.nav}> <div className={styles.topNav}> <div className="d-flex justify-content-between"> <div> <Link href="/"> <a> Logo </a> </Link> </div> <div className={styles.navLinks}> </div> <div onClick={openMenu} className={styles.menuHamburger}>Menu</div> </div> </div> </div> ) }CSS
.topNav{ background-color: blue; padding: 1.5rem 1rem; } .topNav > div > a{ color: white; }Usaste el selector secundario > en .topNav > div > a , lo que significa que solo estás diseñando un <a> que es el elemento secundario de un <div> que es el elemento secundario de un elemento con la clase .topNav . Tu <a> es solo un descendiente aquí. En su lugar, puede usar un espacio para especificar cualquier descendiente: .topNav > div a