محددات انتقاء العناصر 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" |