الدرجة مقابل المعرف
Cascading Style Sheets (CSS) هي لغة تصف مظهر وتنسيق مستند مكتوب باستخدام لغة ترميزية. يستخدم CSS على نطاق واسع لتصميم صفحات الويب المكتوبة بلغة HTML. يسمح CSS بتحديد محددات الأنماط الخاصة بك بالإضافة إلى تطبيق أنماط لعناصر HTML. يتم ذلك باستخدام المعرف ومحددات الفئة. عند تحديد نمط لعنصر فريد واحد ، يتم استخدام محدد المعرف. عند تحديد نمط لمجموعة من العناصر ، يتم استخدام محدد الفئة.
ما هو الفصل؟
في CSS ، يمكن استخدام محدد الفئة لتطبيق النمط الخاص بك على مجموعة من العناصر.يستخدم محدد الفئة لتطبيق نمط معين على مجموعة من العناصر من نفس الفئة. في CSS ، يتم تحديد محدد الفئة بنقطة (.). فيما يلي مثال على محدد فئة محدد في CSS.
. my_class {
اللون: أزرق ؛
وزن الخط: جريء ؛
}
يمكن أن يشير HTML إلى الفئة المحددة في CSS باستخدام فئة السمة كما هو موضح أدناه.
هذا هو التنسيق الخاص بي
هذا هو التنسيق الخاص بي مرة أخرى
كما هو موضح أعلاه ، يمكن استخدام نفس الفئة لعناصر متعددة ويمكن لعنصر واحد استخدام فئات متعددة. عند استخدام فئات متعددة في نفس العنصر ، يتم إدراج الفئات في سمة الفئة المحددة بمسافة كما هو موضح أدناه.
هذا هو التنسيق الخاص بي باستخدام فئتين
ما هو المعرف؟
في CSS ، يمكن استخدام محدد المعرف لتطبيق نمطك الخاص على عنصر فريد واحد. في CSS ، يتم تحديد محدد المعرف بواسطة التجزئة (). فيما يلي مثال على محدد المعرف المحدد في CSS.
my_ID {
اللون: أحمر ؛
محاذاة النص: صحيح ؛
}
يمكن أن يشير HTML إلى محدد المعرف المحدد في CSS باستخدام معرف السمة كما هو موضح أدناه.
هذا هو نموذج التنسيق الخاص بي محدد الهوية
معرفات فريدة من نوعها. لذلك يمكن أن يكون لكل عنصر معرف واحد فقط ويمكن أن تحتوي كل صفحة على عنصر واحد فقط بهذا المعرف المحدد. المعرفات لها خاصية مهمة يمكن استخدامها مع المستعرض. إذا كان عنوان URL للصفحة يحتوي على قيمة تجزئة (على سبيل المثال ، https://myweb.commy_id) ، فسيحاول المتصفح تحديد موقع العنصر تلقائيًا بالمعرف "my_id" وانتقل إلى صفحة الويب لعرض هذا العنصر. هذا هو أحد الأسباب التي تجعل الصفحة تحتوي على عنصر واحد بهذا المعرف المحدد ، بحيث يمكن للمتصفح تحديد موقع هذا العنصر.
ما هو الفرق بين الفئة والمعرف؟
على الرغم من أنه يمكن استخدام كل من محدد الفئة ومحدد المعرف لتطبيق نمطك الخاص على العناصر الموجودة في صفحة الويب ، إلا أن هناك بعض الاختلافات المهمة بينهما.يمكن استخدام محدد الفئة لتطبيق النمط الخاص بك على مجموعة من العناصر ، بينما يُستخدم محدد المعرف لتطبيق نمط على عنصر واحد فريد. عند استخدام المعرفات ، يمكن أن يكون لكل عنصر معرف واحد فقط ويمكن أن تحتوي كل صفحة على عنصر واحد فقط بهذا المعرف المحدد ، ولكن يمكن استخدام الفئة لعناصر متعددة ويمكن لعنصر واحد استخدام فئات متعددة. علاوة على ذلك ، يمكن استخدام المعرف لتمرير صفحة تلقائيًا لعرض العنصر بهذا المعرف ، لكن هذا غير ممكن مع محدد الفئة.