Ibrahem Smart

زيزوومى ذهبى
إنضم
30 يناير 2017
المشاركات
1,832
مستوى التفاعل
1,081
النقاط
1,050
الإقامة
الاسكندرية
غير متصل
165399


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

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

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

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

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

1.webp


2.webp


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

3.webp


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

4.webp


ماذا فعلنا ؟!

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

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

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

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

165400
 

توقيع : Ibrahem Smart
شكراً جزيلاً لكم أخي الكريم ..
 
عودة
أعلى