Alguien sabe por qué a pesar de la seudoclase active que nos da el color verde, si uno pasa por los demás items, sigue apareciendo el color amarilla al pasar por las demás? habria que usar otro selector para evitarlo?
Alguien sabe por qué a pesar de la seudoclase active que nos da el color verde, si uno pasa por los demás items, sigue apareciendo el color amarilla al pasar por las demás? habria que usar otro selector para evitarlo?
¡Hola Freddy! Gracias por tu pregunta. Si entendí correctamente, estás teniendo un problema con la seudoclase :hover
y la seudoclase :active
en tus elementos de navegación. La seudoclase :hover
se aplica cuando el cursor está sobre un elemento, mientras que la seudoclase :active
se aplica cuando se hace clic en un elemento.
Si estás viendo que el color amarillo sigue apareciendo en los demás elementos después de hacer clic en uno de ellos, es posible que estés utilizando una regla de estilo que aplica el color amarillo a todos los elementos de navegación, y que la seudoclase :active
simplemente esté agregando el color verde encima del amarillo.
Para solucionar esto, podrías intentar agregar una regla de estilo que aplique el color amarillo solo a los elementos que no estén siendo activados. Por ejemplo:
nav a:not(:active):hover {
background-color: yellow;
}
Esta regla de estilo aplicará el color amarillo solo a los elementos de navegación que no estén siendo activados y que tengan el cursor encima. Espero que esto te ayude a solucionar tu problema. ¡Espero haber ayudado y buenos estudios!