Каждый язык программирования позволяет добавлять заметки и другие подсказки, которые помогут вам понять, что происходит. Не все CSS на первый взгляд так же понятны, как, скажем, что-то вроде font-size: 20px Вот пример:
.cf {
zoom: 1; /* for IE6 and IE7 */
}
Комментарий в этой строке кода является частью, которая говорит «для IE6 и IE7», и его можно идентифицировать как таковой по предыдущей обратной косой черте, за которой следует звездочка, а также звездочка и обратная косая черта в конце.
Мы можем добавить столько их в нашу таблицу стилей, сколько захотим, и рекомендуется использовать CSS-комментарии, чтобы помочь идентифицировать части любой таблицы стилей, которые могут быть трудно понять с помощью беглого взгляда. С помощью комментариев CSS, чтобы сделать наши таблицы стилей более читабельными, в будущем будет проще поддерживать CSS.
Комментарий CSS может занимать несколько строк, если это необходимо. Все, что находится между открывающим и закрывающим символами комментария, будет игнорироваться браузером, как и сами символы комментария. Так часто вы увидите что-то подобное в файле CSS:
/***************************
****************************
These are the styles for
the header section
****************************
***************************/
Обратите внимание, что в этом примере я не только включил открывающие и закрывающие символы звездочки и обратной косой черты, но также добавил несколько дополнительных символов звездочки, занимающих несколько строк. Это облегчает поиск комментария при прокрутке файла CSS. Добавьте такие заголовки разделов в CSS, чтобы упорядочить их в читаемые, связанные куски кода.
К сожалению, у CSS нет простого способа представить действительный однострочный комментарий, который использует только комбо-символ начального комментария. Например, в JavaScript вы можете закомментировать одну строку кода следующим образом:
// This is a JavaScript comment
Это полезно в JavaScript, поскольку позволяет легко обнулить целую строку кода или добавить полезный комментарий, используя всего два символа (обратную косую черту). Но в CSS необходимо использовать как открывающие, так и закрывающие символы для определения границ любых комментариев.
Однако для быстрых временных исправлений допустимо создать своего рода искусственный комментарий CSS, применяя принцип, который мы обсуждали в предыдущем разделе об ошибках CSS. Допустим, у нас есть следующий CSS:
.center-global {
max-width: 1020px;
margin: 0 auto;
}
И скажем, мы хотим временно удалить первую строку (объявление max-width Мы могли бы сделать это:
.center-global {
/* max-width: 1020px; */
margin: 0 auto;
}
Это прекрасно работает, но более быстрый способ достичь того же результата — просто поместить несколько случайных символов в начало строки, например так:
.center-global {
AAAAmax-width: 1020px;
margin: 0 auto;
}
Это быстро и эффективно, но никогда не оставляйте свой CSS на живом веб-сайте. Это недействительный CSS и должен использоваться только в разработке для быстрой отладки.