Ver índice de contenidos del libro

Capítulo 5. Comentarios

Sass soporta el mismo tipo de comentarios que CSS, que utilizan los delimitadores /* y */ y pueden ocupar una o más líneas. Además, Sass también soporta los comentarios de una única línea que utilizan los delimitadores // y que son muy comunes en todos los lenguajes de programación.

La principal diferencia entre estos dos tipos de comentarios es que los comentarios tradicionales (/* ... */) se añaden en el código CSS generado, mientras que los comentarios de una sola línea (// ...) se eliminan y no aparecen en el código CSS generado. Ejemplo:

/* Este comentario ocupa varias líneas,
 * y utiliza el formato tradicional de CSS.
 * Su contenido aparecerá en el archivo CSS compilado. */
body { color: black; }
 
// Estos comentarios ocupan una sola línea cada uno
// Todos estos comentarios se eliminan al generar el
// archivo CSS y por tanto, el usuario no podrá verlos
a { color: green; }

El código Sass anterior se compila de la siguiente manera:

/* Este comentario ocupa varias líneas,
 * y utiliza el formato tradicional de CSS.
 * Su contenido aparecerá en el archivo CSS compilado. */
body {
    color: black;
}
 
a {
    color: green;
}

Cuando la primera letra de un comentario de una sola línea es !, su contenido siempre se incluye en el archivo CSS compilado. Esto es útil por ejemplo para mantener mensajes como el Copyright de tus hojas de estilos.