+ دليل المبرمجين - Pseudo classes مهمه

Pseudo classes مهمه

ثريدات برمجية

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

 ملاحظة: 

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

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

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

1.png 12.42 KB

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

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

 

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

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

 

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

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

 

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

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

 كتبه @Webnprog