فهم المعرف والفئة في تخطيط صفحة الويب CSS

فهم وتطبيق المعرف والفئة في تخطيط صفحة الويب XHTML CSS:

لو أن XHTML وCSS فقط يمكن أن يكونا موجهين للكائنات. . يجب أن تشرق الشمس في الشمال. ومع ذلك، ينبغي النظر إلى كل شيء بعقلية OO، ونحن بالكاد نستطيع تعويض الأرقام. في الواقع، اقترح شخص ما أسلوب OO في وقت مبكر من عام 2000، ولكن لم يعد من الممكن العثور عليه.

إذن ماذا تفعل؟ يعلم الجميع الآن أنه يمكن كتابة CSS على النحو التالي:

يمكننا أن نفكر في الأمر كنموذج أولي، أو فئة، -__-b يبدو أنه فئة في الأصل، ثم "إنشاء مثيل" لكائن في HTML، على سبيل المثال:

سيستخدم هذا العنصر التعريف المقابل لـ CSS، لكن الفئة المقابلة ليست كافية، لأن صفحتنا قد تطبق هذه الفئة في العديد من الأماكن للتعامل مع العلاقة "الخاصة"، قم بتغيير الكود الآن إلى:

في هذه الحالة، سيطبق العنصر ذو المعرف aaoao تعريف فئة .G_G، ويمكنك استخدام محدد مثل #aoao{} لإدخال تعريف التأثير الخاص، والذي لن يؤثر على فئة .G_G العامة. وفي الوقت نفسه، ستكون الأولوية المحددة بواسطة #aoao أعلى من .G_G، وهو ما يتوافق مع المنطق السليم بأن التعريفات الخاصة لها أولوية أعلى من التعريفات العامة^^.

نظرًا لأنني أستخدم شيئًا فريدًا مثل المعرف، فإن إعادة استخدام مثل هذه الأشياء المحددة بشكل خاص يصبح مشكلة (المعرف يمكن أن يظهر مرة واحدة فقط على الصفحة، لا أعرف من قال ذلك، لكنها الحقيقة على أي حال). ماذا لو أردنا تحقيق خصخصة العديد من الأشياء نفسها؟ ثم يجب علينا تنفيذ "تعدد الأشكال". احفر هاها. قم بتغيير الكود مرة أخرى:

أحدهما هو "G_G" والآخر هو "o_O"، لكن إذا استخدمنا .o_O{}، فيمكننا أيضًا تعريف العنصر إذا كان CSS على هذا النحو:

سيتم تعريف جميع العناصر، وبما أن التعريفات لا تتراكم، فسيتم تطبيقها جميعًا. إذا كان الكود هكذا، فلا أعرف ما إذا كان سيكون من الأسهل فهمه.

بعد ذلك، نحن بحاجة إلى تنفيذ "التغليف". يجب عليك استخدام محدد الطفل بشكل متكرر. قم بتغيير الكود:

على الرغم من إمكانية تعريف كل من .bendan{} و.G_G .bendan{}، إلا أنه لا يمكن تطبيق الأخير إلا على العناصر ذات الفئة "G_G". يمكننا ببساطة فهم .bendan{} كتعريف عالمي و.G_G .bendan{ }. يُفهم على أنه تعريف جزئي، وهو مفيد لنموذجية XHTML وCSS الخاصة بنا. ^^ظهر "التغليف" الأسطوري ثم استمر.

مثل هذه التعليمات البرمجية يمكن أن تنتج تغييرات لا حصر لها، وإذا لم تفهمها، عليك أن تبدأ من الصفر. ^^

فهم عميق لتطبيق المعرف والفئة في تخطيط صفحة الويب XHTML CSS!