Solucionado
Mi duda es ¿como saber que nivel debo utilizar para determinado elemento, por ejemplo, en el curso el instructor utilizó '.productos li:hover h2{...}' pero me queda duda porque funciona así y no directamente 'h2:hover{...}' es decir, ¿css lo toma como un tipo de contexto?
Hola Gerardo, ¿cómo estás?
La diferencia entre estos dos ejemplos que escribiste es la especificidad.
'.productos li:hover h2{...}'
Este primer ejemplo significa que estás seleccionando un elemento que tenga la clase productos y dentro de este elemento seleccionar el elemento h2 dentro de una li, es un elemento bien especifico en que quieres aplicar los estilos.
Ya en el otro ejemplo:
'h2:hover{...}'
Estás seleccionando todos los elementos h2 de la página.
¡Saludos!
¡Gracias!, me ha quedado más que claro. ¡Saludos!.