Avatar
Erick Guzman Ochoa

@erickguzmanochoa

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~/

Avatar
Erick Guzman Ochoa

@erickguzmanochoa

Yo vengo de c# y tengo entendido que ese numero protegido que no puedes cambiar es como si le pusieras private al numero no?, asi no puedes acceder a el directamente pero desde un metodo si puedes acceder no?

Avatar
Erick Guzman Ochoa

@erickguzmanochoa

Muchas gracias por haber comprado con mi codigo de referido :) me has ayudado muchisimo con 42 dias de suscripcion gratis :), ahora podre terminar mi especialidad de frontend ✨🎉🎇🎊

Avatar
Erick Guzman Ochoa

@erickguzmanochoa

Viendo un poco los ejemplos de Alvaro me di cuenta de algo, las condicionales que aqui pone solo se llevaran acabo al compilar el arichivo pug, por lo que al subir el archivo html a otra parte no se llevara acabo la condicional ya que solo se llevo acabo cuando se compila, pero mi pregunta es
¿si la condicional la pongo con un guion esta se traducira y llevara acabo cada vez que alguien cargue la pagina?

Avatar
Erick Guzman Ochoa

@erickguzmanochoa

Recientemente cuando publicaba un comentario me di cuenta de algo, al cuadro de informacion que se ve en la siguiente foto: https://prnt.sc/slz7bt
Lo que pasa es que despues de un rato el cuadro se deja de ver, asi que todo bien... ¿no?, Pues no, la cosa es que lo que se hace es ponerle 0 de opacidad al elemento, se puede observar en la siguiente foto: https://prnt.sc/slzdum
El problema con esto es que si intentas seleccionar al texto que se encuentra debajo de este tooltip no se podra seleccionar ya que le estarias dando clic al tooltip y no al texto, se ve mejor en la siguiente foto: https://prnt.sc/slz5p0
Para arreglar esto se tendria que hacer que en lugar de ponerle al elemento opacity:0 poner display:none o en su defecto visibility:hidden... y ¿ya, eso resuelve el problema?... pues no
El otro problema que surge es que css no puede animar display:none y visibility:hidden, por lo que para resolver este problema se necesita usar opacity:0 (me imagino que esa fue la principal razon por la que poner opacity:0 en lugar de display:none o visibility:hidden), lo que se podria hacer es que la animacion animé la opacidad y cuando termine ponga display:none o visibility:hidden y listo. Este problema se observa mejor en el video: https://gofile.io/d/A3YmpD (si lo descargas y no lo puedes ver usa mpc-hc)
Esto solo fue una observacion, no una critica ;) #TambienSoyEdTeam #NoTeDetengas #StayAt~/

Recuerda que los pequeños detalles convierten un buen sitio a uno excelente

Este usuario no ha indicado que le gusta algún video

¡Erick te ha regalado 30 dólares 🎉!

Si actualizas a premium con el siguiente enlace obtendrás un descuento para ti y ayudarás a Alejandro a seguir estudiando en EDteam.

ed.team/premium?cupon=REF-157680

Estos son los beneficios que tú y Erick recibirán si compras con su enlace de referidos 🙌

BeneficiosMensualSemestralAnual
Descuento ()$ 3 USD$ 45 USD$ 120 USD
Semanas gratis (Erick)1612

Al comprar con el enlace de referidos aceptas los términos y condiciones

Amigos

¿Cómo obtengo mi enlace de referidos?

Si eres estudiante premium ya tienes el enlace en tu perfil de usuario. Si aún no eres premium recibirás tu enlace de referidos como recompensa cada vez que completes un curso gratuito.

Más información
Publicaciones
Certificados
Me gusta
Referidos