Supongamos que tengo el siguiente codigo:

<div class="father">
  <div class="son1"></div>
  <div class="son2"></div>
  <div class="son3"></div>
  <div class="son4"></div>
  <!-- etc... -->
</div>

La pregunta sería
¿Qué es recomendado hacer si necesito ponerle estilos distintos a cada hijo, usar una clase para cada hijo y poner .claseblabla o poner .father:nth-child(x) y si ademas existe realmente una diferencia de rendimiento entre usar varias clases o nth-child()?
#StayAt~/

Supongamos que tengo el siguiente codigo:

<div class="father">
  <div class="son1"></div>
  <div class="son2"></div>
  <div class="son3"></div>
  <div class="son4"></div>
  <!-- etc... -->
</div>

La pregunta sería
¿Qué es recomendado hacer si necesito ponerle estilos distintos a cada hijo, usar una clase para cada hijo y poner .claseblabla o poner .father:nth-child(x) y si ademas existe realmente una diferencia de rendimiento entre usar varias clases o nth-child()?
#StayAt~/

Supongamos que tengo el siguiente codigo:

<div class="father">
  <div class="son1"></div>
  <div class="son2"></div>
  <div class="son3"></div>
  <div class="son4"></div>
  <!-- etc... -->
</div>

La pregunta sería
¿Qué es recomendado hacer si necesito ponerle estilos distintos a cada hijo, usar una clase para cada hijo y poner .claseblabla o poner .father:nth-child(x) y si ademas existe realmente una diferencia de rendimiento entre usar varias clases o nth-child()?
#StayAt~/