¡uy! por qué poquito, Nathan no te has ganado la matrícula de honor
Con tu permiso una pequeña corrección, Nathan.
Cita: <div id="header" class="right content">
Significa que a la caja "header" le aplicas no sólo sus propiedades sino las de las otras dos clases que mientas: .right y .content.
Hasta aquí
Pero en el css deberías tener definidas los tres selectores:
Cita: #header {...}
.right {... }
.content {... }
Te lo comento, porque en tu ejemplo, utilizas ".right.content".
Eso implicaría que en el html debería haber esta etiqueta:
Cita: <div class="right" class=content">....
y como ves, eso sería un error por duplicar la clase.
Un poco de teoría ( y espero que lo veáis sólo como una aclaración) de las variadas formas de aplicar los selectores y lo que ello significan:
Cita: SOLO se aplica a los elementos de tipo "h1" con atributo class="right":
p.right { ... }
en el html:
<p class="right">a este contenido sí...</p>
<p>a este contenido no se aplica</p>
Se aplica a todos los elementos con atributo class="aviso" que estén dentro de cualquier elemento de tipo "p":
p .right { ... }
en el html:
<p>a esta parte no se aplica<span class="right">a este contenido sí se aplica</span> ...</p>
<p>a esta parte no se aplica <span> a este elemento tampoco</span> <a class="right" href="#"> A este enlace sí se aplica</a> ...</p>
Un saludo