ماهي طريقة تحديد العناصر في CSS؟

لتحديد العناصر في CSS ، يمكن استخدام عدة طرق، وفي هذا الدرس سوف نتعرف على بعض الطرق الشائعة لتحديد العناصر في CSS. طريقة تحديد العنصر بواسطة اسم العنصر:
يمكن تحديد العنصر بواسطة استخدام اسم العنصر مباشرة، كما في المثال التالي:

CSS

p {
    color: red;
    font-size: 16px;
}

يعني هذا المثال أن جميع الفقرات (العناصر النصية) ستكون باللون الأحمر.
طريقة تحديد العنصر بواسطة class: يمكن تحديد العنصر باستخدام الفئة التي يحملها، وذلك باستخدام العلامة "." قبل اسم class كما في المثال التالي:

CSS

.paragraph {
    color: red;
    font-size: 16px;
}

يعني هذا المثال أن جميع العناصر التي تحمل الفئة paragraph ستكون بلون الخلفية الأصفر.
طريقة تحديد العنصر بواسطة id: يمكن تحديد العنصر باستخدام id التي يحملها، وذلك باستخدام العلامة "#" قبل اسم id كما في المثال التالي:

CSS

#container {
    width: 100px;
    height: 100px;
}

يعني هذا المثال أن العنصر الذي يحمل id container سيكون بعرض وارتفاع 100 بكسل.
كما ترون هذه هي الطرق الشهيرة لتحديد العناصر في ملف الهيكل الخاص بك هناك المزيد من الطرق وفي درس Selectors سنتطرق لهم بالتفصيل الممل.
وهكذا إنتهينا من درسنا أو مقالتنا المتواضعة أتمنى أنك فهمت و وفقك الله أتمنى دعمنا بمشاركة الدرس لكي تعم الفائدة.