Комментарии используются для того, чтобы добавить объяснения кода, и могут оказаться полезными при редактировании исходного кода CSS в дальнейшем.
Комментарии игнорируются браузерами и нужны только для документирования исходного кода CSS.
CSS комментарии размещаются внутри элемента <style> и начинаются с символов /* и заканчиваются символами */:
/* Это однострочный комментарий */
p {
color: red;
}
Комментировать можно в любом месте кода:
p {
color: red; /* Зададим красный цвет текста */
}
Также, комментарии можно разделять на несколько строк:
/* Это
многострочный
комментарий */
p {
color: red;
}
HTML и CSS комментарии
Из нашего Учебника HTML вы, вероятно, знаете, что в исходный код HTML можно добавить комментарии при помощи конструкции <!--...-->.
В следующем примере используются одновременно HTML и CSS комментарии:
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: red; /* Зададим красный цвет текста */
}
</style>
</head>
<body>
<h2>Заголовок статьи</h2>
<!-- Текст в этих параграфах будет красным -->
<p>Привет всем!</p>
<p>Стиль этого параграфа задан при помощи CSS.</p>
<p>CSS комментарии не показываются при выводе страницы в браузер.</p>
</body>
</html>
