Pseudo classes مهمه

في هذا الثريد بناقش معاكم 5 من الـ Pseudo-classes المشهورة بالـ CSS والي راح تحتاجوها كثير خلال عملية البرمجة

ملاحظة:

ترا فيه Pseudo-classes كثيرة جدا بالـ CSS ومستحيل أغطيها بثريد واحد أبدا, بالنسبة لي الي راح أذكرهم بهذا الثريد لاحظت إني استخدمهم بكثرة وسهلوا علي أعمال كثيرة , فحبيت أشاركها معاكم

أولا: الـ root كلاس:

فايدته؟ لما تستخدم متغيرات الـ CSS تقدر تعرفها هناك عشان تخلي الـ scope لها يصير global , وتقدر تستخدمهم بأي مكان مثال:

ثانيا: الـ first-child كلاس:

فايدته؟ الإسم يوضح كثير من فايدته, مثلا لو كان عندك أكثر من container , وتبغى تختار أول عنصر/إبن فقط من كل container, تقدر تسوي شيء زي كذا:

ثالثا: الـ last-child كلاس:

جدا تشبه الي شرحتها فوق , الفرق الوحيد إنك بدل ماتختار أول إبن/عنصر , تختار آخر عنصر/إبن مثال:

رابعا: الـ nth-child كلاس:

هذي أكثر وحدة flexible بينهم, يمديك تختار أي إبن عن طريق إنك تحدد رقمه فقط, مثال:

خامسا وأخيرا: الـ hover كلاس:

ممكن هذا أشهر كلاس بهذي اللستة, فإختصار انت هنا تحدد الستايل لعنصر معين لما المستخدم يجيب الماوس عليه ( مثلا تقدر تقول إن لون النص المفروض يتغير ). مثال:

كتبه @Webnprog

اقرأ ايضاً

8 نصائح للمبرمجين

مسار برمجة تطبيقات الجوال

المبادئ الخاصة بالبرمجة كائنية التوجه OOP