Comentários CSS

Os comentários são usados ​​para explicar o código e podem ajudar quando você editar o código-fonte posteriormente.
Os comentários são ignorados pelos navegadores.
Um comentário CSS é colocado dentro do elemento

Exemplo

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

Você pode adicionar comentários onde quiser no código:

Exemplo

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

Mesmo no meio de uma linha de código:

Exemplo

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

Os comentários também podem abranger várias linhas:

Exemplo

/* This is
a multi-line
comment */

p {
  color: red;
}

Diferença entre comentários HTML e comentários CSS

Em HTML, todos os comentários são tecnicamente multilinhas.
Em CSS, comentários de linha única começam com // e terminam no final da linha, enquanto comentários de várias linhas começam com /* e terminam com */
Os comentários CSS funcionam de forma semelhante aos comentários HTML.
A diferença entre eles é que os comentários CSS são designados com os símbolos /* ... */, enquanto os comentários HTML são colocados entre

Como adicionamos comentários em CSS

Em CSS, podemos adicionar comentários para explicar ou organizar diferentes seções de sua folha de estilo. Fazer isso pode parecer uma etapa estranha no processo de codificação, mas os comentários podem ser extremamente úteis ao depurar ou redesenhar seu site.