[Duda] Por qué se tiene que definir clases dentro de otras clases en el tema ajustando diferenciales ?

Hola Mari,

Cuando quieres aplicar estilos a las etiquetas HTML en este caso la etiqueta img se usa el atributo class para especificar la clase de CSS que quieres aplicar a la etiqueta HTML, en el caso que subrayas solo se esta aplicando la clase imagen-diferenciales que es diferente por ejemplo a la clase items, diferenciales,etc.

¡Buen día Maria! El asignar clases a diferentes elementos de tu código tiene como objetivo transformar cada una de esas instancias por separado.

Por ejemplo, en la captura de pantalla que compartes, la clase llamada "contenido-diferenciales" en la etiqueta "div" define un estilo sobre todos los elementos que engloba ese contenedor. En tu CSS los parámetros que definas dentro de .contenido-diferenciales{} va a afectar todo el cotnenido de esa etiqueta desde la misma sección, pasando por el h3, el div, las ul, las li y la img. Los parámetros que se definieron ahí es para dar estilo al contenedor de la lista

.contenido-diferenciales{
    width: 640px;
    margin: 0 auto;
}

En contraste con la clase ".items" en la etiqueta "li", solamente actuará sobre los elementos individuales de esa lista. No afectará los parámetros que asignes a otros elementos que no compartan la misma clase. En el caso de este ejercicio se utilizó para dar espacio entre líneas.

.items{
    line-height: 1.5;
}

Por dar un último ejemplo puedo nombrar el de la imágen que en este caso da un ancho específico a la misma.

.imagen-diferenciales{
    width: 60%;
}

Esa medida no haría sentido tenerla para los items por que se buscar separar y diferenciar un elemento de otro y que actúen de manea independente. Tanto la imágen como la lista son un elementos que existe dentro del contenedor div y requieren de sus propios parámetros, es por ello que se les asignan diferetes clases.

Espero te sirva mi explicación.

¡Saludos!