¿Por qué se usó solamente .encabezado y no .encabezado .logo?
¿Por qué se usó solamente .encabezado y no .encabezado .logo?
¡Hola Silviajulianarociodiazdiaz!
La razón por la que se usó solo .encabezado en lugar de .encabezado .logo es porque el selector .encabezado ya está seleccionando el elemento con la clase "encabezado", y cualquier elemento descendiente dentro de él también será seleccionado.
En otras palabras, cuando usas .encabezado, estás seleccionando tanto el elemento con la clase "encabezado" como cualquier elemento descendiente dentro de él, incluyendo el elemento con la clase "logo". Por lo tanto, no es necesario especificar .encabezado .logo si solo quieres seleccionar el elemento con la clase "logo" dentro del elemento con la clase "encabezado".
Aquí tienes un ejemplo práctico para que lo entiendas mejor:
HTML:
<div class="encabezado">
<div class="logo">Logo</div>
<div class="menu">Menú</div>
</div>
CSS:
.encabezado {
background-color: #f1f1f1;
}
.logo {
color: #ff0000;
}
En este ejemplo, el estilo de fondo se aplicará al elemento con la clase "encabezado" y el color de texto rojo se aplicará al elemento con la clase "logo" dentro del elemento con la clase "encabezado".
Espero haber ayudado y buenos estudios!