تعليقات CSS
لا يتم عرض تعليقات 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:
مثال
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: red; /* Set
text color to red */
}
</style>
</head>
<body>
<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>
</body>
</html>