Puedes usar CSS para diseñar el primer elemento del menú de navegación en cualquier tema usando:
- primer hijo
- enésimo hijo(1)
- primero de tipo
Las 3 reglas CSS le permiten diseñar el primer enlace del menú de navegación para la navegación principal en los temas secundarios de Genesis.
La primera regla utiliza el primer hijo clase selectora como esta:
.nav-primary .genesis-nav-menu > li:first-child > a {
color: red;
}También podrías usar enésimo niño como esto :
.nav-primary .genesis-nav-menu > li:nth-child(1) > a {
color: red;
}O usar primero de tipo como esto :
.nav-primary .genesis-nav-menu > li:first-of-type > a {
color: red;
}Los 3 pseudoclases le permite usar CSS para apuntar al primer elemento entre un grupo de elementos secundarios. En este caso, el primer elemento de una lista de elementos del menú de navegación.
En WordPress, también puede agregar una clase personalizada al primer elemento del menú y usar esa clase como selector en una regla CSS en la hoja de estilo de sus temas secundarios.
Soluciones relacionadas
