Comments in CSS

CSS comments allow us to write notes and explanations in the code. These are ignored by the browser and are only intended for developers.

The Syntax of CSS Comments

In CSS, comments are always placed between /* and */. They can be used on a separate line or at the end of a line of code.

Using Comments in Practice

In larger projects, comments help in structuring the code, for example marking separate sections or recording important information.

Advanced Use of Comments

In larger projects, comments are often used to create section headers that help with quick orientation in the code.

Comments and Build Systems

When CSS is minified, comments usually disappear. If you want certain comments (such as license information) to remain, use the /*! ... */ syntax.

Common Mistakes

The most common mistake is when the comment is not closed. In that case, the entire file becomes invalid. Also note that // style comments are not valid in CSS.

Tips for CSS Comments

Comments can effectively support the readability and maintainability of code. Here are some suggestions:

• Write short, concise comments instead of unnecessary verbosity.
• Use comments to separate main sections of code and mark logical blocks.
• Do not overuse comments, as too many can make the code distracting.