Комментарии в CSS

Комментарий — это пояснение. С точки зрения интерпретатора кода в браузере, комментарий — это текст, который нужно игнорировать при анализе кода стилей. Комментарии могут находиться в любом месте CSS-кода и позволяют разработчикам оставлять заметки или пояснения, не влияя на работу стилей.

Комментарии оформляются следующим образом:

/* Это комментарий */

Любой текст между символами /* и */ считается комментарием. Всё, что находится между этими символами, будет проигнорировано браузером.

Комментарии в CSS являются многострочными, поэтому их можно записывать как на одной строке, так и на нескольких:

/* комментарий на одной строке */

/*
  один
  комментарий
  на нескольких строках
*/

Важно не забывать закрывать комментарии в CSS-коде. Так как если вы откроете комментарий с помощью символов /* и не закроете его символами */, то всё, что расположено после символов /* будет расцениваться браузером как комментарий.

Комментарии бывают весьма полезными, когда приходится возвращаться к коду спустя продолжительное время.

Ещё одна важная роль комментариев, которую часто используют на практике — это временное отключение части кода. Это особенно полезно, когда бывает трудно определить местонахождение ошибки или необходимо быстро протестировать какие-то изменения в коде.

Комментарии в CSS не могут быть вложенными, то есть нельзя вложить один комментарий в другой. Такая ошибка может появиться, когда необходимо временно отключить некоторую часть кода, а в нём уже содержится комментарий:

/*
p {
  color: red; /* цвет текста в абзацах - красный */
  background-color: black;
}
*/