CSSComments
CSS Comments
Comments are used to explain the CSS code, and may help when you edit the source code at a later date.
Comments are also used to temporarily disable sections of CSS code within a stylesheet.
Comments are ignored by browsers!
A CSS comment is placed inside the HTML<style> element, and starts with/* and ends with*/:
You can add comments wherever you want in the code:
Even in the middle of a code line:
Comments can also span multiple lines:
HTML and CSS Comments
From the HTML tutorial, you learned that you can add comments to your HTML source by using the<!--...--> syntax.
In the following example, we use a combination of HTML and CSS comments:
Example
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: red; /* Set text color to red */
}
</style>
</head>
<body>
<h2>My Heading</h2>
<!-- These paragraphs will be red -->
<p>Hello World!</p>
<p>This paragraph is styled with CSS.</p>
<p>HTML and CSS comments are not shown in the output.</p>
</body>
</html>
Try it Yourself »<html>
<head>
<style>
p {
color: red; /* Set text color to red */
}
</style>
</head>
<body>
<h2>My Heading</h2>
<!-- These paragraphs will be red -->
<p>Hello World!</p>
<p>This paragraph is styled with CSS.</p>
<p>HTML and CSS comments are not shown in the output.</p>
</body>
</html>
Video: CSS Comments
