displays y problemas de posicionamiento con Foundation4

[pzin]

Uhmm... Yo creo que te estás liando con nth-child. Por ejemplo:

Código CSS:

#footer div:nth-child(4){
  display: inline-block;
}
 

Esto no afecta a ningún elemento, porque sencillamente no hay ningún cuarto hijo que sea div. Por ejemplo, en una estructura como esta:

Código HTML:

<footer>
  <div>
    <div>
      <div>
        <div>
        </div>
      </div>
    </div>
  </div>
</footer>
 

No puedes usar :nth-child(2), ni :nth-child(3), ni :nth-child(4). Porque todos son en realidad primeros hijos, luego todos son :nth-child(1) —o :first-child, o :nth-child(odd).

Supongo que un selector más acorde para que lo quieres hacer, sería algo como:

Código CSS:

#footer > div div {
  &:nth-child(1) {}
  &:nth-child(2) {}
  &:nth-child(3) {}
}
 

¿No? Pregunto porque ando medio despistado.