In CSS, comments are text that is ignored by the browser. They are used to explain the code, making it easier to edit later, or to organize stylesheets into sections.

Syntax

A CSS comment starts with /* and ends with */. CSS only has one type of comment, which can be used for both single lines and multiple lines. Unlike JavaScript, there is no // comment in standard CSS.

When to Use Comments

• Explanation: To explain why a specific value was chosen or what a complex selector does.
• Organization: To divide a large CSS file into logical sections (e.g., Header, Footer, Typography).
• Debugging: To "comment out" code temporarily to see how the page looks without it, which is helpful for finding bugs.

Best Practices

Keep comments relevant and concise. Avoid stating the obvious (e.g., don't write /* Make text red */ next to color: red;). Instead, explain the why (e.g., /* Matches brand brand logo color */).