فئة مقابل معرف
 

أوراق الأنماط المتتالية (CSS) هي لغة تصف شكل وتنسيق مستند مكتوب باستخدام لغة الترميز. يستخدم CSS على نطاق واسع لتصميم صفحات الويب المكتوبة بلغة HTML. يتيح CSS تحديد محددات الأنماط الخاصة بك بالإضافة إلى تطبيق الأنماط لعناصر HTML. يتم ذلك باستخدام معرف ومحددات الصف. عند تحديد نمط لعنصر فريد واحد ، يتم استخدام محدد الهوية. عند تحديد نمط لمجموعة من العناصر ، يتم استخدام محدد الفصل.

ما هو الفصل؟

في CSS ، يمكن استخدام محدد الفصل لتطبيق أسلوبك الخاص على مجموعة من العناصر. يتم استخدام محدد الفصل لتطبيق نمط معين على مجموعة من العناصر مع نفس الفئة. في CSS ، يتم تحديد محدد الفصل من خلال نقطة توقف كاملة (.). فيما يلي مثال على محدد الفصل المعرف في CSS.

.صفي {

لون أزرق؛

وزن الخط: غامق ؛

}

يمكن أن يشير HTML إلى الفئة المعرفة في CSS باستخدام فئة السمة كما هو موضح أدناه.

هذا تنسيقي

هذا تنسيقي مرة أخرى

كما هو موضح أعلاه ، يمكن استخدام نفس الفئة لعناصر متعددة ويمكن للعنصر الواحد استخدام فئات متعددة. عند استخدام فئات متعددة في نفس العنصر ، يتم إدراج الفئات في سمة الفئة المحددة بمسافة كما هو موضح أدناه.

هذا هو تنسيقي المحدد لمعرف

معرفات فريدة من نوعها. لذلك يمكن أن يكون لكل عنصر معرف واحد فقط ويمكن أن تحتوي كل صفحة على عنصر واحد فقط مع هذا المعرف المحدد. المعرفات لها خاصية مهمة يمكن استخدامها مع المستعرض. إذا كان عنوان URL للصفحة يحتوي على قيمة تجزئة (على سبيل المثال ، http: //myweb.com#my_id) ، فسيحاول المتصفح تحديد موقع العنصر تلقائيًا بمعرف "my_id" وانتقل إلى صفحة الويب لعرض هذا العنصر. هذا هو أحد الأسباب وراء احتواء الصفحة على عنصر واحد له المعرف المحدد ، بحيث يمكن للمتصفح تحديد موقع هذا العنصر.

ما الفرق بين الفصل والمعرف؟

على الرغم من أنه يمكن استخدام كل من مُحدد Class ومحدد المعرف لتطبيق أسلوبك الخاص على العناصر الموجودة في صفحة الويب ، إلا أنهما يتمتعان ببعض الاختلافات المهمة. يمكن استخدام محدد الفصل لتطبيق أسلوبك الخاص على مجموعة من العناصر ، بينما يتم استخدام محدد الهوية لتطبيق نمط على عنصر واحد فريد. عند استخدام المعرفات ، يمكن أن يكون لكل عنصر معرف واحد فقط ويمكن أن تحتوي كل صفحة على عنصر واحد فقط مع هذا المعرف المحدد ، ولكن يمكن استخدام الفصل لعناصر متعددة ويمكن للعنصر الواحد استخدام فئات متعددة. علاوة على ذلك ، يمكن استخدام المعرف لتمرير صفحة تلقائيًا لعرض العنصر مع ذلك المعرف ، لكن هذا غير ممكن مع محدد الفصل.