Pseudo classes مهمه
ثريدات برمجية
في هذا الثريد بناقش معاكم 5 من الـ Pseudo-classes المشهورة بالـ CSS والي راح تحتاجوها كثير خلال عملية البرمجة
ملاحظة:
ترا فيه Pseudo-classes كثيرة جدا بالـ CSS ومستحيل أغطيها بثريد واحد أبدا, بالنسبة لي الي راح أذكرهم بهذا الثريد لاحظت إني استخدمهم بكثرة وسهلوا علي أعمال كثيرة , فحبيت أشاركها معاكم
أولا: الـ root كلاس:
فايدته؟ لما تستخدم متغيرات الـ CSS تقدر تعرفها هناك عشان تخلي الـ scope لها يصير global , وتقدر تستخدمهم بأي مكان مثال:
ثانيا: الـ first-child كلاس:
فايدته؟ الإسم يوضح كثير من فايدته, مثلا لو كان عندك أكثر من container , وتبغى تختار أول عنصر/إبن فقط من كل container, تقدر تسوي شيء زي كذا:
ثالثا: الـ last-child كلاس:
جدا تشبه الي شرحتها فوق , الفرق الوحيد إنك بدل ماتختار أول إبن/عنصر , تختار آخر عنصر/إبن مثال:
رابعا: الـ nth-child كلاس:
هذي أكثر وحدة flexible بينهم, يمديك تختار أي إبن عن طريق إنك تحدد رقمه فقط, مثال:
خامسا وأخيرا: الـ hover كلاس:
ممكن هذا أشهر كلاس بهذي اللستة, فإختصار انت هنا تحدد الستايل لعنصر معين لما المستخدم يجيب الماوس عليه ( مثلا تقدر تقول إن لون النص المفروض يتغير ). مثال:
كتبه @Webnprog
