کامنت‌ها در CSS

Comment (توضیح یا کامنت) بخشی از کد است که توسط مرورگر اجرا نمی‌شود و فقط برای یادداشت‌گذاری و توضیح دادن درباره‌ی کدها استفاده می‌شود. کامنت‌ها به برنامه‌نویس کمک می‌کنند تا کد خودش یا دیگران را راحت‌تر بفهمد و مدیریت کند.

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

برای نوشتن کامنت در CSS، باید متن موردنظر را بین علامت‌های /* و */ قرار دهید. هر متنی که بین این دو علامت باشد توسط مرورگر نادیده گرفته می‌شود.

/* این یک کامنت است */
p{
    color: orange; 
}

در این مثال، خط اول به‌عنوان کامنت نوشته شده و هیچ تأثیری در اجرای کد ندارد. مرورگر فقط قانون مربوط به p را اجرا می‌کند و رنگ متن آن را slateblue می‌کند.

کاربردهای کامنت‌گذاری

کامنت‌ها معمولاً برای این موارد استفاده می‌شوند:

1. توضیح دادن درباره‌ی هدف یک بخش از کد
2. غیرفعال کردن موقت یک قانون CSS بدون حذف آن
3. جدا کردن بخش‌های مختلف یک فایل بزرگ CSS از هم

کامنت چندخطی

کامنت‌ها در CSS می‌توانند بیش از یک خط را نیز شامل شوند. هر متنی که بین /* و */ قرار بگیرد، حتی اگر در چند خط نوشته شده باشد، به‌عنوان کامنت در نظر گرفته می‌شود.

/*
این بخش برای استایل‌دهی
به عنوان‌های صفحه است
*/
h1{
    color: blue; 
}

در این مثال، متن داخل کامنت در چند خط نوشته شده است، اما چون بین /* و */ قرار دارد، هیچ تأثیری روی اجرای کد ندارد و فقط برای توضیح استفاده شده است.

غیرفعال کردن موقت یک قانون با کامنت

یکی از کاربردهای رایج کامنت‌گذاری، خاموش کردن موقت یک بخش از کد بدون نیاز به حذف آن است.

p{
    color: gray;
    /* font-size: 20px; */ 
}

در این مثال، دستور font-size به‌صورت کامنت درآمده و در نتیجه اجرا نمی‌شود. این روش برای تست کردن و بررسی تأثیر یک دستور خاص، بدون حذف کامل آن، بسیار کاربردی است.