الدرس الثاني: انتقاء العناصر (Selectors)

شرح:
المحددات (Selectors) في CSS تُستخدم لتحديد العناصر التي سيتم تطبيق الأنماط عليها. هناك عدة أنواع من المحددات مثل محدد العنصر، محدد المعرف (ID)، ومحدد الصنف (Class).
مثال:
<!DOCTYPE html>
<html lang="ar">
<head>
    <meta charset="UTF-8">
    <title>محددات CSS</title>
    <style>
        h1 {
            color: blue;
        }
        #myId {
            color: green;
        }
        .myClass {
            color: red;
        }
    </style>
</head>
<body>
    <h1>عنوان باستخدام محدد العنصر</h1>
    <p id="myId">نص باستخدام محدد المعرف</p>
    <p class="myClass">نص باستخدام محدد الصنف</p>
</body>
</html>
شرح الكود:
يتم هنا تطبيق أنماط مختلفة بناءً على نوع المحدد. يتم تعيين لون النص الأزرق لعناصر `<h1>`، الأخضر للعنصر الذي يحتوي على `id="myId"`، والأحمر للعناصر التي تحتوي على `class="myClass"`.