آموزش استفاده از کامنت در CSS

CSS به ما امکان می دهد تا از کامنت ها در کدها استفاده کنیم. کامنت های CSS بسیار شبیه به کامنت ها در زبان های C و ++C می باشد؛ که در آن کامنت ها بین علامت های */  و /* محصور می شوند:

/* This is a CSS1 comment */

 کامنت های CSS می توانند در چند خط گسترش یابند، درست مانند زبان ++C:

/* این یک کامنت سی اس اس 1 است
که در چند خط ، بدون هیچ مشکلی
گسترش یافته است */ 

 باید به خاطر داشته باشیم که کامنت های CSS نمی توانند تو در تو باشند. بنابراین استفاده از کامنت های زیر غیرمجاز است:

/* This is a comment, in which we find
another comment, which is WRONG
/* Another comment */
and back to the first comment */

نکته: طبق مثال بالا، یکی از روش هایی که می توان یک کامنت تو در تو ایجاد کرد( اما جواب نمی دهد) این است که یک بلوک از کدهای برگه ی استایل که در داخلش از قبل یک کامنت CSS وجود دارد را کامنت گذاری کنیم. چون CSS، به ما اجازه نمی دهد که از کامنت های تو در تو استفاده کنیم، کامنت بیرونی، در جایی که کامنت درونی با کاراکترهای /* پایان یافته است، پایان می یابد.

متاسفانه، کامنت هایی مانند // یا # که تک خطی هستند(یعنی بقیه ی خط را کامنت می کنند)، در CSS وجود ندارند(از آخرین علامت، یعنی کاراکتر # برای تنظیم ID در CSS استفاده می شود). تنها روش کامنت گذاری که در CSS وجود دارد، استفاده از کاراکترهای /* */ است. بنابراین اگر می خواهید یک کامنت را به صورت خطی وارد کنید، باید مراقب باشید که آن را در کجا قرار می دهید. بعنوان مثال روش کامنت گذاری زیر در CSS صحیح است:

h1 {color: gray;} /* This CSS comment is several lines */
h2 {color: silver;} /* long, but since it is alongside */
p {color: white;} /* actual styles, each line needs to */
pre {color: gray;} /* be wrapped in comment markers. */

 به مثال زیر توجه کنید؛ اگر کامنت های هر خط را با کاراکترهای /* نبندیم، اکثر کدهای برگه ی استایل به بخشی از کامنت تبدیل می شوند:

h1 {color: gray;} /* This CSS comment is several lines
h2 {color: silver;} long, but since it is not wrapped
p {color: white;} in comment markers, the last three
pre {color: gray;} styles are part of the comment. */

 در مثال بالا، تنها اولین دستور سی اس اس، یعنی کد h1 {color: gray;} در سند اعمال می شود. بقیه ی دستورات چون بخشی از کامنت هستند، توسط انجین مرورگر نادیده گرفته می شوند.

نکته: کامنت های CSS به تجزیه کننده ی سی اس اس(CSS parser) مربوط می شوند، و انگار اصلا وجود ندارند، و بنابراین برای روند تجزیه(parsing purposes) بعنوان فاصله ی سفید تلقی نمی شوند. این یعنی ما می توانیم کامنت های CSS را در بین دستورات سی اس اس(rules) قرار دهیم؛ حتی می توانیم در درون خود دستورات css بین آکولادها(declarations) نیز آنها را قرار دهیم.

 {module کمک نقدی به نویسنده}