في هذا الدرس 5تصفّح المواضيع
CSS Combinator selectors
تحديد العناصر بالمجمعات في لغة CSS
CSS Combinator selectors تحديد العناصر بالمجمعات في لغة CSS
Combinator selectors هي اختيار عناصر تربطها علاقة معاً مثل العناصر الداخلية وتسمي children الأبناء أو العناصر parent الأب أو العناصر sibling الأخوة في لغة CSS.
أنواع Combinator selectors في لغة CSS:
- descendant selector العناصر من أب أو من نسل واحد.
- child selector أبناء العناصر وهي العناصر الداخلية.
- adjacent sibling selector العناصر الأخوة المباشرة.
- general sibling selector العناصر الأخوة العامة.
CSS descendant selector
العناصر من أب أو من نسل واحد في لغة CSS
CSS descendant selector العناصر من أب أو من نسل واحد في لغة CSS
لاختيار جميع العناصر الموجودة بداخل عنصر معين في لغة CSS يجب كتابة اسم العنصر parent الأب في البداية متبوعاً باسم child الأبن ونفصل بينهم بمسافة واحدة.
CSS descendant selector
العناصر من أب أو من نسل واحد في لغة CSS.
CSS child selector
تحديد العناصر الداخلية أو الأبناء في لغة CSS
CSS child selector تحديد العناصر الداخلية أو الأبناء في لغة CSS
لتحديد العناصر children الأبناء أو الداخلية لعنصر ما parent من نوع معين مثل جميع <p> أو جميع <span> في لغة CSS فيجب كتابة اسم العنصر parent الأب متبوعاً بعلامة أكبر من > ثم اسم عنصر الأبن ليصبح بهذا الشكل [div > p].
CSS child selector
اختيار العناصر الأبناء او الداخلية في لغة CSS.
CSS adjacent sibling selector
تحديد العنصر الأخ المجاور في لغة CSS
CSS adjacent sibling selector تحديد العنصر الأخ المجاور في لغة CSS
لتحديد العنصر الأخ المجاور مباشرة في لغة CSS فيجب تحديد العنصر الأساسي متبوعاً بعلامة plus + ثم العنصر التالي مباشرة ولتحديد paragraph يلي div فنكتب بهذا الشكل [div + p].
CSS adjacent sibling selector
تحديد العناصر الأخوة المجاورة في لغة CSS.
CSS general sibling selector
تحديد جميع العناصر الأخوة المجاورة في لغة CSS
CSS general sibling selector تحديد جميع العناصر الأخوة المجاورة في لغة CSS
لتحديد جميع العناصر الأخوة المجاورة في لغة CSS بعد عنصر معين فنكتب أسم العنصر الذي يتبعه عنصر اخ مباشر متبوعاً باسم العنصر المجاور مثل [p ~ ul] لتحديد جميع ul فقط التي تلي أو بجوار عنصر p.
CSS general sibling selector
سجّل الدخول لحفظ تقدمك
تابع إنجاز المواضيع والمصطلحات والمهام، وكمّل من آخر خطوة على أي جهاز.
المصطلحات48
راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.
- 01 Advanced اضافي / متقدم
- للمراجعة
- 02 Selectors محددات
- للمراجعة
- 03 Element عنصر
- للمراجعة
- 04 Class فئة
- للمراجعة
- 05 Attribute سمة
- للمراجعة
- 06 Value قيمة
- للمراجعة
- 07 blank_ تعني فتح الرابط في صفحة جديدة
- للمراجعة
- 08 Another اخر
- للمراجعة
- 09 Active نشط / فعال
- للمراجعة
- 10 After بعد
- للمراجعة
- 11 Before قبل
- للمراجعة
- 12 Checked تحقق
- للمراجعة
- 13 Radio مربع إختيار دائري
- للمراجعة
- 14 Checkbox مربع إختيار
- للمراجعة
- 15 Width عرض
- للمراجعة
- 16 Height ارتفاع
- للمراجعة
- 17 Default إفتراضي
- للمراجعة
- 18 Empty فارغ
- للمراجعة
- 19 Shadow ظل
- للمراجعة
- 20 Color لون
- للمراجعة
- 21 Input حقل إدخال
- للمراجعة
- 22 Enabled تفعيل / إمكان
- للمراجعة
- 23 First-Child الطفل الأول
- للمراجعة
- 24 First-Letter النص الأول
- للمراجعة
- 25 First-Line السطر الأول
- للمراجعة
- 26 First-of-Type الأول من نوعه
- للمراجعة
- 27 Focus تركيز
- للمراجعة
- 28 Full Screen شاشة كاملة
- للمراجعة
- 29 Hover يحوم
- للمراجعة
- 30 In-Range في نطاق / حدود
- للمراجعة
- 31 Indeterminate غير محدد
- للمراجعة
- 32 Progress تقدم
- للمراجعة
- 33 Invalid غير صالح
- للمراجعة
- 34 Last-Child الطفل الأخير
- للمراجعة
- 35 Last-of-Type الأخير من نوعه
- للمراجعة
- 36 link رابط
- للمراجعة
- 37 Marker علامة / ظلال
- للمراجعة
- 38 Not ليس
- للمراجعة
- 39 Optional اختياري
- للمراجعة
- 40 Only-of-Type فقط من نوعه
- للمراجعة
- 41 Out of Rang خارج نطاق / حدود
- للمراجعة
- 42 Read Only قراءة فقط
- للمراجعة
- 43 Read-Write قراءة / كتابة
- للمراجعة
- 44 Required مطلوب
- للمراجعة
- 45 Root جذر / أصل
- للمراجعة
- 46 Selection اختيار
- للمراجعة
- 47 Target الهدف
- للمراجعة
- 48 Valid صالح
- للمراجعة
لا توجد بطاقات تطابق البحث والتصفية.
اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.
الاختصارات3
راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.
- 01 CSS CSS
- Cascading Style Sheets
- صفحات الأنماط الانسيابية
- للمراجعة
- 02 HTML HTML
- Hypertext Markup Language
- لغة توصيف النص الفائق الخاصة ببناء صفحة الإنترنت<p><a href="https://www.closetag.com/tutorial/html/html-introduction">المزيد عن HTML</a></p>
- للمراجعة
- 03 Lang Lang
- Language
- لغة
- للمراجعة
لا توجد بطاقات تطابق البحث والتصفية.
اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.
اختبر فهمك.
ووصلها للإتقان.
كل سؤال خطوة لقدّام. اختار، اكتب كود، وشوف نتيجتك فورًا.
أكمل المهام، واجمع كل الإجابات الصحيحة. أقل من 100%؟ راجع وأعد المحاولة.
الأسئلة متاحة للاطلاع. سجّل الدخول للتفاعل وحفظ تقدمك.