دليل مرجعي CSS

قواعد CSS @

مجموعة خصائص CSS

CSS > المحايد. اختيار

عند استخدام رمز الفصل > بين العنصرين، فإنه سيقوم فقط بمطابقة العنصرين الذين يكون الأول منهم هو فرع الأول من الثاني. بالمقارنة، عندما يتم ربط العنصرين بمحايد. اختيار، فإنه يرمز إلى مطابقة جميع العناصر التي تكون الفرعية للعنصر الأول كأصل (ليس بالضرورة كعنصر أم) للعنصر الثاني، بغض النظر عن عدد المرات التي يتحرك فيها في DOM.

دليل إنتقاء CSS الكامل

مثال عبر الإنترنت

اختر جميع العناصر <p> التي تكون فرعية لـ <div>:

مثال

<!DOCTYPE html>
<html>
<title>موقع الدروس الأساسية (oldtoolbag.com)</title>
<head>
<style>
div>p
{
لون الخلفية: أحمر;
لون: أبيض;
}
div > span {لون الخلفية: DodgerBlue;}
</style>
</head>
<body>
<h1>مرحبًا بك في موقع الدروس الأساسية (ar.oldtoolbag.com)</h1>
<div>
<p>عنوان موقعنا هو: ar.oldtoolbag.com.</p>
<p>اسم موقعنا هو: موقع الدروس الأساسية.</p>
<span>عرض المحايد. اختيار</span>
</div>
<p>نقدم لك جميع الدروس الأساسية لتتعلم، وبتعلم الأساسيات بشكل جيد، يمكنك الذهاب أبعد!</p>
</body>
</html>

اختبار لمعرفة <‹/›

التعريف والاستخدام

عنصر1 > عنصر2 {بيان النمط}

element>element يستخدم المحايد. اختيار لاختيار العناصر الفرعية الخاصة بالعنصر الأم

ملاحظة: لا يمكن تحديد عنصر الفرعي للعنصر الأم إذا لم يتم اختياره

تطابق المتصفحات

IEFirefoxOperaChromeSafari

دعم جميع المتصفحات الشائعة element>element المحايد. اختيار

ملاحظة:element>elementعند تشغيله في IE8، يجب الإعلان عنه <!DOCTYPE>

دليل إنتقاء CSS الكامل

وظائف CSS دليل اختيار selectors CSS