محددات انتقاء العناصر css
محددات انتقاء العناصر
| محددات الإنتقاء | تعريف |
|---|---|
| class. | اختيار جميع العناصر التي تحتوي على صفة " "=class لاستخدام محدّد الصنف في CSS اكتب اسم الصّنف مسبوقًا بنقطة (.). |
| id# | اختيار جميع العناصر التي تحتوي على معرف " "=id لاستخدام مُحدّد المعرّف في CSS، اكتب اسم المُعرّف مسبوقًا برمز #. |
| * | اختيار جميع العناصر |
| body | التحكم بجميع العناصر داخل ال body ولادراج خليفة وتغير الحجم |
| العنصر p | اختيار جميع عناصر <p> |
| عنصر2,عنصر1 | اختيار جميع عناصر <h1> و جميع عناصر <h2> |
| div p | اختيار جميع عناصر <p> الموجودة داخل عنصر <div> |
| ul | اختيار جميع عناصر ul |
| ul li | اختيار جميع عناصر li الموجودة داخل عنصر ul |
| id h1 | اختيار عناصر h1 الموجودة داخل المعرف id |
| id .class p# | اختيار جميع عناصر <p> الموجودة داخل الصفة class المعرفة ب id |
| class h1 | اختيار جميع عناصر h1 الموجودة داخل الصفة class |
| a:active | اختيار الرابط أثناء النقر عليه |
| a:hover | اختيار الرابط أثناء مرور مؤشر الفأرة فوقه |
| a:link | اختيار الروابط التي لم تتم زيارتها |
| a:visited | اختيار الروابط التي تمت زيارتها |
| p::before | إضافة محتوى قبل جميع عناصر p |
| p::after | إضافة محتوى بعد جميع عناصر p |
| input:checked | اختيار جميع عناصر input التي يتم اختيارها (نقرها) |
| input:disabled | اختيار جميع عناصر input الغير المفعّلة disabled |
| input:enabled | اختيار جميع عناصر input المفعّلة enabled |
| input:focus | اختيار عنصر input الذي يتم النقر داخله |
| div:empty | اختيار جميع عناصر div التي لا تحتوي على أبناء و لا على نص |
| p::first-letter | اختيار الحرف الأول من جميع عناصر p |
| p:first-child | اختيار عناصر p التي تعتبر الإبن الأول للوسم الأب |
| p:last-child | اختيار عناصر p التي تعتبر الإبن الأخير للوسم الأب |
| p:only-child | اختيار عناصر p التي تكون الإبن الوحيد للوسم الأب |
| p:first-of-type | اختيار أول عنصر p من بين أبناء العنصر الأب |
| p:last-of-type | اختيار آخر عنصر p من بين أبناء العنصر الأب |
| (not(div: | اختيار كل العناصر ما عدا عناصر div |
| (div:lang(en | اختيار كل عناصر div التي تضم صفة "lang" و التي تساوي قيمتها "en" |