درس دورة تعلم لغة CSS | Selectors (17)

المصدر: دورة تعلم لغة CSS | Selectors (17)
في منتدى : منتدى الدّورات العامّة ولُغات البرمجة

مرحبا إخوتي أعضاء منتديات زيزووم للأمن والحماية
اليوم سأشرح لكم في دورة تعلم لغة CSS

Selectors
تجميع العناصر

------------------------------------------------------------

في البداية اسف على طيلة الغياب عن الدورة لكن كان جهازي يوجد به عطل ولكن الحمد لله استطعت إصلاحه وسنعود للدورة مرة أخرى.
ما سنتعلمه اليوم ليس خاصية تكتب في CSS بل مجرد بعض المعلومات المفيدة لك في كتابة الأكواد ستساعدك في التقليل من عدد الأكواد التي تكتبها وهي طريقة تجعلك تطبق مجموعة من الخواص على أكثر من عنصر (تجميع أكثر من عنصر في الأسم المستدعى) بدلًا من أن تكتب مجموعة الخواص هذه لكل عنصر بمفرده وبهذه الطريقة أيضًا عند التعديل في أي خاصية يظهر التعديل على كل العناصر التي قمت باستدعائها (Tags & Classes) والطريقة بسيطة جدًا وهي كالتالي

أنا مثلًا قمت بعمل 3 عناصر ديف في الصفحة وأعطيت لكل عنصر خواص واحده كما ترون





اعطيت نفس الخواص لكل ديف فكل ديف سيظهر بنفس الشكل (يختلف فقط محتواه)



لكن هذه الطريقة أصبحت قديمة جدًا وهي في نفس الوقت تأخذ منك عدة سطور مما يجعل عدد سطور ملف CSS قد تكون كثيرة لذلك يمكنك تجميع كل العناصر في كود واحد بهذا الشكل



ماذا فعلنا ؟!

لقد قمنا بتجميع كل اسماء العناصر (Tags & Classes & Ids) في اسم واحد وفصلنا بين كل اسم والاخر بفاصلة , وبعدها مسافة واحدة ثم تقوم بكتابة الأسم الأخر

ونستنتج من ذلك

فوائد التجميع

• عدم الكتابة كثيرًأ وعدم استهلاك عدد كبير من السطور.
• يمكنك التعديل على خاصية في كل العناصر بسهوله.

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

 

شكراً جزيلاً لكم أخي الكريم ..​

 

شكرا جزيلا على الشرح المبسط