1

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()?

1
  • nth-child() es para estilos que dependen del orden, por ejemplo lineas pares fondo verde, o el cuarto siempre va en negrita, o en un responsive de tres columnas la del medio va con margenes. si los estilos para cada elemento son diferentes pero los mismos sin importar el orden, ahí usas una clase especifica y vicerveza el 5 jun. 2020 a las 19:31

1 respuesta 1

0

Tambien puedes usar div [class="son1"]{}

CSS Attribute Selector

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.