CSS - Algo no funciona

Buenas.
Estoy haciendo una página con un diseño responsivo a tres columnas verticales.
Parece que funciona.
Las columnas verticales se llaman: izquierda, principal y derecha. Son tres div dentro de un div padre.
En la columna principal quiero colocar fragmentos de código.
Los he ido colocando en otros div que he llamado con la clase ex1.
Y el texto lo he puesto entre las etiquetas PRE.
Quiero que se muestren con un fondo de color diferente y que el visitante pueda hacer scrolling horizontal cuando el texto se desborde.
Pero la página no engancha con lo que escribo en la hoja de estilo.
Como es complejo, lo he subido a Internet para poderle echar un vistazo.
La página está aquí:
https://angelpuente.es/cuaderno/pruebas/responsivo.html
Y la hoja de estilos vinculada aquí:
https://angelpuente.es/cuaderno/pruebas/estilo.css

Si alguien me puede echar una mano...
Muchas gracias.

Si entendi bien, quieres colores de fondo diferente para el codigo, si no es aplicable a lo que quieras cambiar el color, lo que tienes que hacer es crear clases diferentes.





los cambios de codigo fue añadir una nueva clase ex2, y alternarlo con ex1 eso en la parte del html.

en la parte del css



como puedes ver creo codigo en comun, y despues las diferencias de cada uno, asi hay que escribir menos codigo.

Consejo, intenta ser ordenado, como bien tienes una carpeta 'imag' para imagenes, create otra js, otra css, ect.. que necesites, ademas intenta que el codigo sea facil de mantener, es decir, por ejemplo en vez de poner style en linea del html, mejor esta en el archivo css.

salu2

Gracias Juan José.
Luego miro tu mensaje en profundidad.
Pero, el problema inicial era que había escrito mal la palabra background y ¡¡¡¡¡¡¡¡¡¡NO LO VEÍA!!!!!!!!!!!
Cuando arreglé esto...
Ya se veían las cajas con el código.
¡¡¡Vaya fallo más tonto!!!
Muchas gracias de nuevo.
Salu2 cordiales