3- كتابة تعليقات CSS

3- كتابة تعليقات CSS

تُستخدم تعليقات CSS لشرح الكود ، وقد تساعد عندما تقوم بتحرير الكود المصدري في وقت لاحق.

يتم تجاهل التعليقات من قبل المتصفحات. و يتم وضع تعليق CSS داخل <style> العنصر ، ويبدأ بـ /*وينتهي بـ */:

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

يمكنك إضافة التعليقات أينما تريد في الكود:

مثال

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

يمكن أن تمتد التعليقات أيضًا إلى عدة أسطر: 

مثال

/* This is
a multi-line
comment */

p {
  color: red;
}

تعليقات HTML و CSS

من البرنامج التعليمي لـ HTML ، تعلمت أنه يمكنك إضافة تعليقات إلى مصدر HTML الخاص بك باستخدام <!--...-->بناء الجملة.

في المثال التالي ، نستخدم مزيجًا من تعليقات HTML و CSS:

 
<style>
p {
  color: red; /* Set text color to red */
}
</style>
</head>
 

<h2>My Heading</h2>

<!-- These paragraphs will be red -->
<p>Hello World!</p>
<p>This paragraph is styled with CSS.</p>
<p>CSS comments are not shown in the output.</p>