تعليقات CSS

تعليقات CSS

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

سيقوم المتصفح بتخطي التعليقات.

الموجودة في <style> تعليقات CSS في عناصر، باستخدام /* البداية، باستخدام */ الانتهاء:

مثال

/* هذا هو تعليق سطر واحد */
p {
  color: red;
}

تجربة شخصية

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

مثال

p {
  color: red;  /* قم بتعيين النص إلى اللون الأحمر */
}

تجربة شخصية

يمكن للتعليقات أن تطغى على سطور متعددة:

مثال

/* هذا هو
تعليق متعدد الأسطر
التعليقات */ 
p {
  color: red;
}

تجربة شخصية

التعليقات في HTML و CSS

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

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

مثال

!DOCTYPE html
<html>
<head>
<style>
p {
  color: red; /* قم بتعيين لون النص إلى الأحمر */
} 
</style>
</head>
<body>
<h2>عنواني</h2>
<!-- هذه الفقرات ستكون باللون الأحمر -->
<p>Hello World!</p>
<p>هذا النص تم تخصيصه باستخدام CSS.</p>
<p>التعليقات CSS لن تظهر في الناتج.</p>
</body>
</html>

تجربة شخصية