#12 Selectores CSS: Una guía visual

Selectores CSS

¿Que es lo primero que se te complica al utilizar CSS? ¿Acaso son los selectores? Aquí te dejamos una guía visual de los mas populares selectores CSS para que los veas en acción y los domines.

NOTICIA
TypeScript 5.2 ¡ya salió!

TypeScript 5.2, ¡ya salió!, y trae mejoras a su sistema de tipos de Objetos, Keys, Arrays y Tuplas asi como soluciones a bugs y más

HERRAMIENTA
Crea interfaces modernas

HTMX te permitirá crear interfaces de usuario modernas con la simplicidad y el poder del hipertexto. Conoce más acerca de ella.

VACANTE
FrontEnd Software Engineer

Frontendero, te traemos una oferta para que apliques; Tigerteam esta buscando Front End Software Engineer, si tienes experiencia en React, testing con Jest o Mocha e ingles conversacional avanzado, esta es tu oportunidad. Entre los beneficios están que el trabajo es remoto, prestaciones de ley y contratación via nomina.

CHALLENGE
Escribe un selector CSS para un contenedor que tenga un padding responsivo con el menor numero de propiedades posibles.

RESULTADO

function relojParlante(hora, minuto) {
  const horas = ["doce", "una", "dos", "tres", "cuatro", "cinco", "seis", "siete", "ocho", "nueve", "diez", "once"];
  const minutos = ["en punto", "y cinco", "y diez", "y cuarto", "y veinte", "y veinticinco", "y media"];
  
  let resultado = "Son las " + horas[hora % 12];
  if (minuto % 5 === 0 && minuto < 30) {
    resultado += " " + minutos[minuto / 5];
  }
  
  return resultado;
}

Tip del día

Utiliza un puerto diferente para cada proyecto que tengas. ¿Cuándo fue la última vez que corriste un proyecto frontend y viste que el puerto 3000 estaba siendo utilizado? Comienza a utilizar diferentes puertos para cada uno de tus proyectos, así nunca tendrás que terminar otro nunca más.