CSS Comments
Last Updated :
10 Apr, 2024
CSS comments are an integral part of coding in CSS. They are statements in your code that are overlooked by the compiler and not executed. The primary purpose of comments is to make your code more readable and understandable.
Syntax:
/* content */
Comments can be single-line or multi-line. The /* */ comment syntax can be used for both single and multiline comments. We may use <!– –> syntax for hiding in CSS for older browsers, but this is no longer recommended for use.
Adding comments to the code is a good practice that can help to understand the code if someone reads the code or if it is reviewed later.
Note: The outputs are the same because comments are ignored by the browser and are not interpreted.
Examples of CSS Comments
Example 1: This example describes the single-line comment.Â
HTML
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
color: green;
}
/* Single line comment */
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<p> A Computer Science portal for geeks </p>
</body>
</html>
Output:
Example 2: This example describes the multi-line comment.Â
HTML
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
color: green;
}
/* This is a multiline
comment */
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<p> A Computer Science portal for geeks </p>
</body>
</html>
Output:
Supported Browsers:
- Google Chrome
- Internet Explorer
- Microsoft Edge
- Firefox
- Safari
- Opera
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...