محدد النسل (Descendant Selector) في CSS

يتم استخدام محدد النسل (Descendant Selector) في CSS لتحديد العناصر التي تكون طفلة لعنصر آخر في الشجرة الهرمية لعناصر HTML. ويتم تحديده باستخدام فراغ بين العناصر.

مثال أول

        div p {
        color: red;
        }
            

في هذا المثال يتم تحديد العنصر p الذي يكون طفلًا للعنصر div وتعيين لون النص إلى الأحمر.

مثال متقدم

        div h1 {
        font-size: 24px;
        }

        div p {
        color: #333;
        }

        div ul li {
        list-style-type: none;
        }
            

يمكن استخدام محدد النسل لتحديد عدة مستويات داخل الشجرة الهرمية، مثل استهداف عناصر li داخل ul داخل div.