Comentarios CSS

Los comentarios se utilizan para explicar el código y pueden ayudar cuando edites el código fuente en una fecha posterior.
Los navegadores ignoran los comentarios.
Un comentario CSS se coloca dentro del elemento

Ejemplo

/* This is a single-line comment */
p {
  color: red;
}

Puedes agregar comentarios donde quieras en el código:

Ejemplo

p {
  color: red;  /* Set text color to red */
}

Incluso en medio de una línea de código:

Ejemplo

p {
  color: /*red*/blue; 
}

Los comentarios también pueden abarcar varias líneas:

Ejemplo

/* This is
a multi-line
comment */

p {
  color: red;
}

Diferencia entre comentarios HTML y comentarios CSS

En HTML, todos los comentarios son técnicamente de varias líneas.
En CSS, los comentarios de una sola línea comienzan con // y terminan al final de la línea, mientras que los comentarios de varias líneas comienzan con /* y terminan con */
Los comentarios CSS funcionan de manera similar a los comentarios HTML.
La diferencia entre ellos es que los comentarios CSS se designan con los símbolos /* ... */, mientras que los comentarios HTML se incluyen entre

Cómo agregamos comentarios en CSS

En CSS, podemos agregar comentarios para explicar u organizar diferentes secciones de su hoja de estilo. Hacerlo puede parecer un paso innecesario en el proceso de codificación, pero los comentarios pueden ser extremadamente útiles al depurar o rediseñar su sitio web.