Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Solucionado (ver solución)
Solucionado
(ver solución)
1
respuesta

Desafío: personalizando el proyecto con hover

Antes:

.presentacion__contenido__titulo{
    font-size: 36px;
    font-family: "Krona One", sans-serif;    
}

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

Después:

.presentacion__contenido__titulo{
    font-size: 36px;
    font-family: "Krona One", sans-serif;    
}

.presentacion__contenido__titulo:hover{
    color:yellow;
}

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

Resultado con hover:

Parte del título (sin contar el fragmento que ocupa la propiedad strong) cambia su color a amarillo, al pasar el cursor sobre este.

1 respuesta
solución!

¡Hola Estudiante, espero que estés bien!

Parece que estás intentando personalizar un título con un efecto hover para cambiar su color. Tu código está correcto para aplicar el efecto hover, pero si solo una parte del texto cambia de color, podría ser porque el resto del texto está envuelto en una etiqueta <strong> u otra que no está afectada por el hover.

Para asegurarte de que todo el texto cambie de color al pasar el cursor, verifica que el selector CSS afecte a todo el contenido que deseas. Si el texto está dividido en diferentes elementos, asegúrate de aplicar el efecto hover a cada uno de ellos.

Por ejemplo, si tienes algo como esto en HTML:

<h1 class="presentacion__contenido__titulo">
    Eleve tu negocio <strong>digital</strong> a otro nivel
</h1>

Y quieres que todo el texto cambie de color, puedes hacer algo como:

.presentacion__contenido__titulo:hover,
.presentacion__contenido__titulo strong:hover {
    color: yellow;
}

Esto asegurará que tanto el texto normal como el que está dentro de <strong> cambien de color.

Espero haber ayudado y buenos estudios!