Skip to main content
Correción de etiquetas
Origen Enlace
Ruslan López
  • 11.8k
  • 14
  • 44
  • 88

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>

<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é¿Qué es recomendado hacermejor práctica si necesito ponerle estilos distintos a cada hijo, usar una clase para cada hijo y poner .clase: background-color: red.clase: background-color: red o poner .son1:nth-child(x).son1: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 .clase: background-color: red o poner .son1: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>

¿Qué es mejor práctica si necesito ponerle estilos distintos a cada hijo, usar una clase para cada hijo y poner .clase: background-color: red o poner .son1:nth-child(x), y si ademas existe realmente una diferencia de rendimiento entre usar varias clases o nth-child()?

Origen Enlace
Erick
  • 11
  • 1

¿Qué es recomendado hacer si necesito ponerle estilos distintos a cada hijo, usar una clase para cada hijo o usar nth-child?

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 .clase: background-color: red o poner .son1:nth-child(x), y si ademas existe realmente una diferencia de rendimiento entre usar varias clases o nth-child()? #StayAt~/