تعریف

کامنت‌ها در CSS بخش‌هایی از کد هستند که توسط مرورگر نادیده گرفته می‌شوند.

از کامنت‌ها برای:

• توضیح دادن بخش‌های مختلف کد

• خواناتر کردن استایل‌ها

• نوشتن یادداشت برای توسعه‌دهنده‌های دیگر

• غیرفعال کردن موقت بخشی از کد

استفاده می‌کنیم.

📍 نحوه نوشتن کامنت در CSS

1. کامنت تک‌خطی

در CSS چیزی به اسم کامنت تک‌خطی مخصوص (مثل // در جاوااسکریپت) وجود ندارد.

فقط یک فرمت داریم که می‌توانیم در یک خط هم استفاده کنیم:

/* این یک کامنت تک خطی است */
p { color: red; } /* استایل دادن به تگ p */

2. کامنت چند خطی

برای نوشتن توضیحات طولانی‌تر یا غیرفعال کردن چند خط کد از همان ساختار استفاده می‌کنیم:

/* 
   این یک کامنت چند خطی است
   می‌توانیم توضیحات کامل اینجا بنویسیم
   مرورگر این بخش را نادیده می‌گیرد
*/

🚫 نکته مهم

• بر خلاف جاوااسکریپت یا C++، در CSS نمی‌توان از // برای کامنت تک‌خطی استفاده کرد.

• فقط و فقط از ساختار /* */ استفاده می‌شود.

✅ کاربردهای متداول کامنت

1. توضیح دادن بخش‌ها

/* بخش مربوط به هدر سایت */
header {
  background: coral;
}

2. یادداشت برای توسعه‌دهندگان دیگر

/* این رنگ بعدا باید از متغیر رنگ اصلی برند جایگزین شود */
body {
  background: #f4f4f4;
}

3. غیرفعال کردن کد موقتاً

/*
p {
  font-size: 18px;
}
*/