CSS Comment ऐसा text होता है जिसे browser ignore कर देता है।
Comments का उपयोग code को समझाने, notes लिखने और temporary CSS disable करने के लिए किया जाता है।
CSS Comment Syntax
CSS में comment लिखने के लिए /* */ का use होता है।
/* This is a CSS comment */Single-line Comment
CSS में अलग से single-line comment नहीं होता, लेकिन एक line में भी /* */ use किया जा सकता है।
/* This is a single-line comment */
p {
color: red;
}
Multi-line Comment
Multi-line comment एक से ज्यादा lines में लिखा जा सकता है।
/*
This is a
multi-line
CSS comment
*/Comment के साथ CSS Example
/* Paragraph text color */
p {
color: blue;
}
/* Heading style */
h1 {
font-size: 32px;
color: green;
}CSS Code Disable करने के लिए Comment
Temporary किसी CSS code को disable करने के लिए उसे comment में डाल सकते हैं।
/*
p {
color: red;
}
*/
यह code browser द्वारा execute नहीं होगा।
CSS में Nested Comment नहीं होते
CSS में comment के अंदर दूसरा comment allowed नहीं होता।
गलत example:
/* This is a comment
/* another comment */
*/CSS Comment और HTML Comment में Difference
- CSS comment:
/* */ - HTML comment:
<!-- -->
CSS file में HTML comment काम नहीं करेगा।
Comment कहाँ लिख सकते हैं?
CSS comment:
- CSS file में
<style>tag के अंदर- Inline CSS में भी लिखा जा सकता है
<p style="color: red; /* text color */">Hello</p>Best Practices
- Complex CSS के लिए comments जरूर लिखें
- Section-wise comments रखें
- Unnecessary comments avoid करें
Summary
- CSS comments browser ignore करता है
- Syntax:
/* comment */ - Single-line और multi-line दोनों possible हैं
- Comment से CSS code temporarily disable कर सकते हैं