Solucionado
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!