Para aplicar una regla CSS a elementos que contentan dos clases hay que hacerlo definiendo las dos reglas sin espacios entre ellas.

Ejemplo

Tenemos el siguiente div:

Código HTML:
<div class=".pie .activo">
</div>
Si queremos definir una regla para que se aplique al div que contiene las dos clases lo haríamos así:

.pie.activo {
/* Estilos para los elementos que contienen la clase .pie y .activo */
}

Cómo podéis ver en el ejemplo, definimos los estilos poniendo las dos reglas juntas sin espacios entre ellas.

Si tenemos un elemento con una de las dos clases no se van a aplicar las reglas css. El elemento tiene que tener las dos clases.