Estilos en línea como clases (risas) | Programar Plus

Si le aborrece el uso de estilos en línea, simplemente mueva eso style al class ¡atributo! Y luego asegúrese de tener CSS en su lugar que, ya sabe, haga lo que dice en la caja.

He revolucionado el CSS. pic.twitter.com/1AWCldyCwP

– Sam Thorogood (@samthor) 10 de junio de 2021

De acuerdo, déjame profundizar y arruinar totalmente la broma.

  • En primer lugar, es una broma, así que no hagas esto. Ni siquiera me importa el estilo en línea ocasional para cosas únicas, pero esto no es eso.
  • Para mí, la parte más extraña es ese período (.) personaje. Escapar de los personajes más inusuales con una barra invertida () se siente normal, pero ¿de qué se trata ese período? ACTUALIZAR: Es por el espacio. Son dos clases en HTML, no una. Derp.
  • El pequeño truco del período no funciona cuando el siguiente carácter es un número (p. Ej. .padding:.1rem;). ACTUALIZAR: Porque las clases que comienzan con un número no son válidas. Derp.
  • Puede evitar el escape y los engaños si va con un selector de atributos como [class*="display: flex;"].
  • Esto me recuerda la investigación de Mathias Bynens: secuencias de escape de caracteres CSS. Pero … ¿parece que eso ya no funciona? Me pregunto si los navegadores cambiaron o si la herramienta se rompió y ya no genera lo que debería (p. Ej. .color3A #f06d06 mira bien?).

Aquí está todo ese juego:


(Visited 9 times, 1 visits today)