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 */:

Example

/* This is a single-line comment */
p
{

color: red;

}

You can add comments wherever you want in the code:

Example

p
{

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

}

Even in the middle of a code line:

Example

p
{

color: /*red*/blue;

}

Comments can also span multiple lines:

Example

/* This is
a multi-line
comment */

p
{

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:

Example

Video: CSS Comments