CSS – Comments

Comments are used to explain the code, and may help when you edit the source code at a later date.

Comments are ignored by browsers.

A CSS comment is placed inside the <style> element, and starts with /* and ends with */:


/* This is a single-line comment */

You can add comments wherever you want in the code:


color: red;  /* Set text color to red */

Comments can also span multiple lines:


/* This is
a multi-line
comment */

color: red;

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:


<!DOCTYPE html>
color: red; /* Set text color to red */

<h2>My Heading</h2>

<!– These paragraphs will be red –>
<p>Hello World!</p>
<p>This paragraph is styled with CSS.</p>
<p>CSS comments are not shown in the output.</p>


Related Articles

Leave A Comment?