كل محدِّدات CSS الشائعة، مجمّعة حسب العائلة: الأساسية، والمُدمِجات، والفئات الزائفة، والعناصر الزائفة، ومحدِّدات السمات. كل صف يقرن المحدِّد بمثال من سطر واحد.
المحدِّد يختار العناصر التي تنطبق عليها القاعدة. التخصيص يحدّد أي قاعدة تفوز عندما تتطابق عدة قواعد: inline يتغلب على id، وid يتغلب على class، وclass يتغلب على type. اقرأ المحدِّدات من اليمين إلى اليسار: المتصفح يطابق الجزء الأيمن أولاً ثم يصعد عبر المُدمِجات. العائلات أدناه تغطي تقريبًا كل ما ستكتبه.
جدول مرجعي · 53 إدخالات
محدِّدات CSSExplained
53 of 53 rows
أساسية
كل العناصر من هذا الوسم.
button { }
العناصر التي تحمل هذه الفئة.
.active { }
العنصر الوحيد صاحب هذا المعرّف.
#header { }
كل العناصر.
* { box-sizing: border-box; }
جذر المستند؛ المكان المعتاد للخصائص المخصصة العامة.
:root { --gap: 1rem; }
العناصر التي يطابقها A أو B (تجميع).
h1, h2, h3 { }
المُدمِجات
أي B ينحدر من A.
nav a { }
B يكون ابنًا مباشرًا لـ A.
ul > li { }
B يأتي مباشرة بعد A، بنفس الأب.
h1 + p { }
كل B يأتي بعد A، بنفس الأب.
h1 ~ p { }
الفئات الزائفة (الحالة)
العنصر أثناء وجود المؤشر فوقه.
a:hover { }
العنصر الذي يحمل تركيز لوحة المفاتيح.
input:focus { }
عنصر يكون أول ابن لأبيه.
li:first-child { }
الابن رقم n؛ يقبل صيغًا مثل 2n.
tr:nth-child(2n) { }
العناصر التي لا تطابق أي محدِّد داخلي؛ يقبل قائمة منذ Selectors 4.
li:not(:first-child, .skip) { }
مربع اختيار أو زر خيار أو خيار محدَّد.
input:checked { }
حقل إدخال أو زر معطَّل.
button:disabled { }
أب يحوي تطابقًا مع المحدِّد الداخلي.
li:has(ul) { }
أي محدِّد في القائمة؛ التخصيص هو الأعلى في القائمة.