CSS Comments

Last Updated : 29 Nov, 2024

CSS comments are used to add notes or explanations to your code, helping you and others understand it better. They start with /* and end with */ and can be used for both single-line and multi-line comments.

Note: Comments are ignored by browsers, so they won’t affect how your webpage looks or works.

Syntax

/* Code comments */

Comments can be added anywhere in the code, and they can span across multiple lines. It’s a good practice to add comments to clarify complex parts of your code for future reference or collaboration.

Older methods like <!– –> for hiding CSS in older browsers are outdated and not recommended. Comments are simply ignored by the browser, so they don’t affect the output in any way.

Example 1: This example describes the single-line comment.

HTML

<!DOCTYPE html>
<html>

<head>
    <title>Single line comment</title>
    <style>
        h1 {
            color: green;
        }

        /* Single line comment */
    </style>
</head>

<body>
    <h1>Study portal</h1>
    <p> Study portal for CS students</p>
</body>

</html>

Output

Single line comment

Example 2: This example describes the multi-line comment.

HTML

<!DOCTYPE html>
<html>

<head>
    <title>Multiline Comment</title>
    <style>
        h1 {
            color: green;
        }

        /* This is a multiline
           comment */
    </style>
</head>

<body>
    <h1>Study portal</h1>

    <p> A Computer Science portal </p>
</body>

</html>

Output

multiline comment

CSS comments are universally supported across all modern browsers and platforms. Since they are ignored by the browser, they do not affect the visual layout or functionality of the web page. No special handling or cross-browser testing is required for comments.

CSS Comments – FAQs

What is the correct syntax for comments in CSS?

The correct syntax for CSS comments is /* comment */. Everything between /* and */ is ignored by the browser.

How do you comment out sections in CSS?

To comment out sections in CSS, wrap the code you want to ignore with /* and */. The browser will skip over this part during rendering.

Why are comments important in CSS?

Comments provide explanations, making the code easier to understand, maintain, and collaborate on, especially for future reference or other developers.

Can comments be used to disable CSS code?

Yes, you can comment out CSS rules by wrapping them in /* */, temporarily disabling them for testing or debugging purposes.

Do CSS comments affect performance?

No, CSS comments do not affect webpage performance since they are ignored by the browser during rendering and do not impact loading times.

CSS Colors

riyakalra59

Improve

Article Tags :

Feb	MAR	Apr
	29
2024	2025	2026