@charset al inicio del CSS

Hoy por la mañana tuve un reporte acerca de un problema de estilo en Safari. Estuve mirando el CSS del blog en cuestión hasta que vi el @charset en mitad del documento.

Charset tiene por misión indicar la codificación de caracteres dentro de una hoja de estilo CSS.

@charset "utf-8";

Este fallo es algo que he visto alguna vez, pero en este caso no estaba hecho a mano sino que se trataba de un proceso automático mediante el cual se incrustaba el CSS de un fichero dentro de otro.

Sólo puede aparecer una regla de @charset en una hoja de estilo externa y deberá aparecer al principio del documento. No debe haber ningún carácter antes de la regla, ni siquiera como comentario.

De no seguir estas consideraciones algunos navegadores (especialmente Safari) procesan de forma incorrecta los selectores, tag y propiedades que van a continuación, o incluso la propia codificación del fichero CSS.

3 responses to “@charset al inicio del CSS

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *