En el video se utiliza
.productos li:hover h2{
font-size: 33px;
}
Pero yo utilice:
.productos h2:hover{
font-size: 33px;
}
Tambien es correcto o es una mala practica? Porque genero el mismo resultado
En el video se utiliza
.productos li:hover h2{
font-size: 33px;
}
Pero yo utilice:
.productos h2:hover{
font-size: 33px;
}
Tambien es correcto o es una mala practica? Porque genero el mismo resultado
¡Hola Victor!
Ambas formas de escribir el código son correctas y generan el mismo resultado. La diferencia radica en la especificidad del selector. En el primer código, estás aplicando el estilo al elemento h2 dentro de un li que está siendo activado al pasar el mouse por encima. En el segundo código, estás aplicando el estilo directamente al h2 dentro de cualquier elemento con la clase .productos que está siendo activado al pasar el mouse por encima.
En términos de buenas prácticas, es recomendable utilizar la forma más específica posible para evitar conflictos y tener un código más mantenible. En este caso, si solo quieres aplicar el estilo al h2 dentro de los elementos li que están siendo activados al pasar el mouse por encima, es mejor utilizar el primer código.
¡Saludos!