Se podria meter el hover de nav li a en el primer nav li a?

Pregunta de la clase:
Maquetación de la NavBar
Sergio Gonzalez Sir

Sergio Gonzalez Sir

Pregunta
studenthace 5 años

Se podria meter el hover de nav li a en el primer nav li a?

6 respuestas
para escribir tu comentario
    Alejandro Tangarife Rivas

    Alejandro Tangarife Rivas

    studenthace 5 años

    Puedes usar el

    :hover
    para lo que quieras, amigo. :)

    Marifer Villarroel

    Marifer Villarroel

    studenthace 5 años

    ¡Hola @Trazador15!

    Si, se puede hacer. Aquí te dejo un ejemplo de como se podría hacer:

    Código HTML

    <ul> <li> <a class="first-a" href="#">Inicio</a> </li> <li> <a href="#">Sobre mi</a> </li> </ul>

    Código CSS

    /* Defino el color de mis etiquetas a */ li a { color: #30243F; } /* Defino el hover solo sobre el primer hijo de li con una clase*/ li > .first-a:first-child:hover { color: #F6A61E; }

    Como puedes ver, le he agregado una clase al primer enlace, ya que si no se lo agrego y defino el estilo de la siguiente manera:

    li > a:first-child:hover { color: #F6A61E; }

    El hover sucedera sobre todos los enlaces.

    Espero que te sirva, un saludo

    julian orrego

    julian orrego

    studenthace 5 años

    Hola! Es algo confusa la pregunta. Si depronto nos compartes el código con el qué tienes la duda, te podemos ayudar con mayor facilidad.

    Saludos!

    Sneyder Barreto

    Sneyder Barreto

    studenthace 5 años

    ¡Hola! Si no malinterpreté tu pregunta, haces referencia a la declaración que está encima del nav li a:hover. Si es así, la respuesta sería no. Porque ten presente que la finalidad de usar la pseudo-clase :hover, es ++asignarle unos estilos específicos cuando se pase el cursor encima del elemento++. En este caso, lo que hace el profesor es asignarle unos estilos a los elementos para que se vean bien por defecto y después, le asigna (o reemplaza, como lo quieras ver) el color del texto para cuando se pase el cursor por encima y así resaltar la opción. Espero te sirva, un saludo.

    Roger Carlos Ariel Alba

    Roger Carlos Ariel Alba

    studenthace 5 años

    Hola!

    Disculpa, no me queda clara tu pregunta, me ayudas a entenderla mejor planteandola de otra forma.

    Gracias!

Curso de HTML y CSS 2019

Curso de HTML y CSS 2019

Aprende a crear sitios web con HTML y CSS. Profundiza en el desarrollo y personalización de páginas web navegables, intuitivas y a la medida de tus necesidades. Crea tus primeros proyectos con Platzi.

Curso de HTML y CSS 2019
Curso de HTML y CSS 2019

Curso de HTML y CSS 2019

Aprende a crear sitios web con HTML y CSS. Profundiza en el desarrollo y personalización de páginas web navegables, intuitivas y a la medida de tus necesidades. Crea tus primeros proyectos con Platzi.