CSS Comments

CSSWeb DevelopmentFront End Technology

We can write comments for CSS declarations to help improve readability and make it more understandable. CSS follows C language style syntax for comments which start and end with forward slash between which the content is enclosed in asterisks. Any declaration written inside /**/ is ignored.

Syntax

The syntax of CSS comments is as follows −

/*Comments*/

The following examples illustrate CSS comments −

Example

 Live Demo

<!DOCTYPE html>
<html>
<head>
<style>
ul {
   list-style: none; /*To remove the solid circles*/
}
</style>
</head>
<body>
<ul>
<li>Σ1</li>
<li>Σ2</li>
<li>Σ3<li>
</ul>
</body>
</html>

Output

This gives the following output −

Example

 Live Demo

<!DOCTYPE html>
<html>
<head>
<style>
div {/*this <div> selects all >div> elements and the declares the following*/
   margin: 8px;
   float: left;
   width: 100px;
   height: 100px;
   /*border: 2px solid black;*/
   /*removed border*/
   background-color: lightpink;
}
div + div { /*this makes a circle*/
   border-radius: 50%;
}
</style>
</head>
<body>
<div></div>
<div></div>
</body>
</html>

Output

This gives the following output −

raja
Published on 06-Jan-2020 10:58:54
Advertisements