Estilo para 2 clases de la misma etiqueta html

p.italic {color: blue;}
p.underline {text-decoration: underline;}
p.large {font-size: 120%;}
p.small {font-size: 70%;}
p.underline.small {font-variant: small-caps;}

Esto no suele suceder mucho, pero alguna vez nos ha interesado el tener mas de una clase para una misma etiqueta html. Bueno pues muy fácil decirle que si están las 2 darle cierto aspecto.

Yo lo he utilizado en el caso de Drupal.

De esta forma:

.not-logged-in.node-type-recorrido #sidebar-left {
background: transparent url(images/info.png) no-repeat scroll top center;
height:317px;
}

Se pone una clase y pegado la otra que este a la misma altura.

Otro ejemplo quizás mas claro:

p.italic {color: blue;}
p.underline {text-decoration: underline;}
p.large {font-size: 120%;}
p.small {font-size: 70%;}
p.underline.small {font-variant: small-caps;}