كيفية استخدام محدد الهوية في CSS

قد 1, 2024

في الدروس القليلة الماضية ، ناقشنا اثنين من الأنواع الثلاثة لقواعد CSS. النوع الأول هو محدد HTML الذي يعتمد على نمط علامة HTML المطابقة ويتحكم فيه. النوع الثاني هو محدد الفصل الذي يعمل مثل النمط العام الذي يمكن تطبيقه على أي عنصر على صفحة الويب.

حان الوقت الآن لمناقشة النوع الثالث من قاعدة CSS والذي يسمى محدد الهوية. كما هو الحال مع محدد الفصل ، يمكن تطبيق محدد الهوية على أي عنصر في صفحة الويب. ومع ذلك ، فمن المفترض أن تستخدم مرة واحدة فقط على الصفحة. هذا يجعل محدد الهوية مفيدًا للغاية لـ HTML و JavaScript الديناميكي. من الناحية النظرية ، إذا كنت تستخدم محدد الهوية أكثر من مرة على الصفحة ، فيجب أن يتم تجاهل المحددات اللاحقة بواسطة متصفح الويب. ومع ذلك ، هذا ليس هو الحال دائما. من الصعب جدًا الاعتماد على إمكانية التنبؤ بمتصفحات الويب. لذلك ، عندما تختار استخدام محدد الهوية ، احرص على استخدامه مرة واحدة فقط. دعنا نلقي نظرة على مثال.

كود أساسي

. . .

مثال

. . .

معرف محدد

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

{property: value؛}

وأيضًا داخل العلامات ، يتبع محدد الهوية زوجًا واحدًا أو أكثر من قيم الممتلكات يتم وضعه بين قوسين مجعدين. هذه الأزواج قيمة الممتلكات تعيين خصائص النمط. في المثال ، سيكون للفقرة ذات محدد معرّف special_text نص بلون أحمر.

. . .

عند استخدام محدد الهوية في نص صفحة الويب ، ستستخدم سمة المعرف داخل علامة HTML الافتتاحية. قيمة السمة id هي الاسم الفريد المعطى لمحدد المعرف ، وفي هذه الحالة "special_text". (id = "value") هذه هي الطريقة التي "يربط بها" المحدد النمط بعلامة HTML واحدة التي ترغب في تطبيق النمط عليها. في المثال أعلاه ، سيتم وضع محدد الهوية داخل واحد فقط

علامة على صفحة الويب. يجب ألا تحتوي أي علامات HTML أخرى على صفحة الويب على محدد الهوية داخل علامة الفتح.

تعليمات الفيديو: Id Selector Part 3 [ Learn CSS step by step in Arabic #4] (قد 2024).

كيفية استخدام محدد معرف في CSS ، HTML ، أنواع قواعد CSS ، كيفية استخدام محدد معرف ، محدد معرف CSS

المقال السابق

المقالة القادمة

فرقة البيتلز روك

قد 2024

لقد انتهيت للتو من اللعب في لعبة Beatles: Rock Band بأكملها على المستوى المتوسط. كنت في مهب بعدة طرق. لدينا جميع الألعاب الموسيقية المختلفة ، والعديد منها للعديد من المنصات ، وهذا هو المفضل لدينا إلى...

أجهزة الكمبيوتر

سيمز العصور الوسطى

قد 2024

يجمع طراز The Sims Medieval ، الذي يعد أحد أشكال Sims الكلاسيكية ، بين محاكاة حياة Sims ونمط اللعب الأكثر توجيهًا ، والموجود في عالم الخيال Ren-Faire. سيمز القرون الوسطى يضع اللاعب في السيطرة على...