How to add comment in CSS

🗓️ Updated: 17.08.2022
💬Comments: 0
👁️Views: 3411

How to properly add comment to code in CSS. Suppose you want to temporarily disable some styles, but do not want to delete the code. To do this, you can use a special code for commenting:

/* h1 {
  color: red;
  font-size: 32px;
} */

Or another example:

h1 {
/*   color: red;
  font-size: 32px; */
  text-align: center;

So we can comment the code with the opening symbols /* and closing symbols */.

And you can comment not only the code, but any text. For example:

/* Headings  */

h1 {
  color: red;
  font-size: 32px;
  text-align: center; /* align to the center of the block */

Was the article helpful?
Yes - 8
Not - 1

CSS Головоломки в Telegram
Subscribe and don't miss:
Actual news
Interesting puzzles
Useful links
Our rating
🏆The best website hosting
Что читают?
🏆Популярные записи
How to make a burger menu – complete code and detailed explanation
Views: 36722
Appearance of elements on scrolling
Views: 29269
How to make a smooth zoom of the image on hover – effect on pure CSS
Views: 23028
How to center an image with CSS
Views: 17856
How to make a button click effect in CSS
Views: 12720
Check of knowledge
🤔How well do you know CSS?
Есть два блочных элемента, которые идут друг за другом в html. Какой будет оступ (margin) между ними, если задать им такие стили:

.top {
  height: 30px;
  background-color: blue;
  margin-bottom: 10px;
.bottom {
  height: 30px;
  background-color: red;
  margin-top: 20px;
Viva Magenta
🤔Color of 2023
The Pantone Research Institute has chosen the color of the year for 2023. They became a carmine-red shade with a purple undertone, which was called Viva Magenta.