کامنت‌ها (Comments) در CSS

کامنت‌های CSS

کامنت‌ها (Comments) برای توضیح کد CSS استفاده می‌شوند و ممکن است زمانی که در آینده سورس کد را ویرایش می‌کنید، کمک‌کننده باشند.

کامنت‌ها همچنین برای غیرفعال کردن موقت بخش‌هایی از کد CSS در یک شیوه‌نامه استفاده می‌شوند.

کامنت‌ها توسط مرورگرها نادیده گرفته می‌شوند!

یک کامنت CSS در داخل عنصر <style> HTML قرار می‌گیرد و با /* شروع شده و با */ پایان می‌یابد:

مثال

/* This is a single-line comment */
p {
  color: red;
}

شما می‌توانید کامنت‌ها را در هر کجای کد که می‌خواهید اضافه کنید:

مثال

p {
  color: red;  /* Set text color to red */
}

حتی در وسط یک خط کد:

مثال

p {
  color: /*red*/blue; 
}

کامنت‌ها همچنین می‌توانند چندین خط را در بر بگیرند:

مثال

/* This is
a multi-line
comment */

p {
  color: red;
}

کامنت‌های HTML و CSS

از آموزش HTML، یاد گرفتید که می‌توانید با استفاده از نحو (syntax) `` به سورس HTML خود کامنت اضافه کنید.

در مثال زیر، ما از ترکیبی از کامنت‌های HTML و CSS استفاده می‌کنیم:

مثال

<!DOCTYPE html>
<html>
  <head>
    <style>
      p {
        color: red; /* Set text color to red */
      }
    </style>
  </head>
  <body>
    <h2>My Heading</h2>

    <p>Hello World!</p>
    <p>This paragraph is styled with CSS.</p>
    <p>HTML and CSS comments are not shown in the output.</p>
  </body>
</html>