يتم اختبار w3ii "إشارة CSS بانتظام مع جميع المتصفحات الرئيسية.
CSS المختارون
في CSS، محددات هي أنماط استخدامها لتحديد element(s) تريد الاسلوب.
و "CSS" يشير العمود في أي إصدار CSS يتم تعريف الملكية (CSS1, CSS2, or CSS3) .
منتخب | مثال | وصف المثال | CSS |
---|---|---|---|
. class | .intro | تحديد كافة العناصر مع class="intro" | 1 |
# id | #firstname | يختار عنصر مع id="firstname" | 1 |
* | * | تحديد كافة العناصر | 2 |
element | p | تحديد كافة <p> العناصر | 1 |
element,element | div, p | تحديد كافة <div> العناصر وجميع <p> العناصر | 1 |
element element | div p | تحديد كافة <p> عناصر داخل <div> عناصر | 1 |
element > element | div > p | تحديد كافة <p> العناصر حيث كان الوالد هو و <div> العنصر | 2 |
element + element | div + p | تحديد كافة <p> العناصر التي يتم وضعها مباشرة بعد <div> عناصر | 2 |
element1 ~ element2 | ع ~ المجاهدين | يختار كل <ul> العنصر الذي يتم يسبقه <p> عنصر | 3 |
[ attribute ] | [target] | تحديد كافة العناصر ذات سمة الهدف | 2 |
[ attribute = value ] | [target=_blank] | تحديد كافة العناصر مع target="_blank" | 2 |
[ attribute ~= value ] | [title~=flower] | تحديد كافة العناصر ذات سمة عنوان تحتوي على كلمة "flower" | 2 |
[ attribute |= value ] | [lang|=en] | تحديد كافة العناصر مع قيمة السمة انج تبدأ ب "en" | 2 |
[ attribute ^= value ] | a[href^="https"] | يختار كل <a> العنصر الذي href تبدأ قيمة السمة مع "https" | 3 |
[ attribute $= value ] | a[href$=".pdf"] | يختار كل <a> العنصر الذي لا تقل قيمة الخاصية href تنتهي مع ".pdf" | 3 |
[ attribute *= value ] | a[href*="w3ii"] | يختار كل <a> العنصر الذي href يحتوي على قيمة السمة فرعية "w3ii" | 3 |
:active | a:active | يختار صلة نشطة | 1 |
::after | p::after | إدراج شيء بعد محتوى كل <p> عنصر | 2 |
::before | p::before | إدراج شيء قبل محتوى كل <p> عنصر | 2 |
:checked | input:checked | يختار كل فحص <input> العنصر | 3 |
:disabled | input:disabled | يختار كل المعوقين <input> العنصر | 3 |
:empty | p:empty | يختار كل <p> العناصر التي ليس لديها أطفال (including text nodes) | 3 |
:enabled | input:enabled | يختار كل تمكين <input> العنصر | 3 |
:first-child | p:first-child | يختار كل <p> العنصر الذي هو الطفل الأول من الأم | 2 |
::first-letter | p::first-letter | يختار الحرف الأول من كل <p> عنصر | 1 |
::first-line | p::first-line | يختار السطر الأول من كل <p> عنصر | 1 |
:first-of-type | p:first-of-type | يختار كل <p> العنصر الذي هو أول <p> عنصر من الأم | 3 |
:focus | input:focus | يختار عنصر المدخلات التي لديها تركيز | 2 |
:hover | a:hover | يختار الروابط على الماوس فوق | 1 |
:in-range | input:in-range | يختار عناصر الإدخال مع قيمة داخل نطاق معين | 3 |
:invalid | input:invalid | تحديد كافة عناصر الإدخال مع قيمة غير صالحة | 3 |
:lang( language ) | p:lang(it) | يختار كل <p> عنصر مع lang ويعزو يساوي "it" (Italian) | 2 |
:last-child | p:last-child | يختار كل <p> العنصر الذي هو الطفل الأخير من الأم | 3 |
:last-of-type | p:last-of-type | يختار كل <p> العنصر الذي هو آخر <p> عنصر من الأم | 3 |
:link | a:link | تحديد كافة الروابط التي لم تتم زيارتها | 1 |
:not( selector ) | :not(p) | يختار كل عنصر ليس <p> عنصر | 3 |
:nth-child( n ) | p:nth-child(2) | يختار كل <p> العنصر الذي هو الطفل الثاني من الأم | 3 |
:nth-last-child( n ) | p:nth-last-child(2) | يختار كل <p> العنصر الذي هو الطفل الثاني من الأم، عد من آخر طفل | 3 |
:nth-last-of-type( n ) | p:nth-last-of-type(2) | يختار كل <p> العنصر الذي هو ثاني <p> عنصر من الأم، عد من آخر طفل | 3 |
:nth-of-type( n ) | p:nth-of-type(2) | يختار كل <p> العنصر الذي هو ثاني <p> عنصر من الأم | 3 |
:only-of-type | p:only-of-type | يختار كل <p> العنصر الذي هو الوحيد <p> عنصر من الأم | 3 |
:only-child | p:only-child | يختار كل <p> العنصر الذي هو الطفل الوحيد من الأم | 3 |
:optional | input:optional | يختار عناصر الإدخال مع عدم وجود "required" سمة | 3 |
:out-of-range | input:out-of-range | يختار عناصر الإدخال مع قيمة خارج نطاق معين | 3 |
:read-only | input:read-only | يختار عناصر الإدخال مع "readonly" السمة المحددة | 3 |
:read-write | input:read-write | يختار عناصر الإدخال مع "readonly" السمة غير محدد | 3 |
:required | input:required | يختار عناصر الإدخال مع "required" السمة المحددة | 3 |
:root | :root | يختار العنصر الجذر الوثيقة | 3 |
::selection | ::selection | يختار جزء من عنصر الذي تم تحديده من قبل المستخدم | |
:target | #news:target | يختار العنصر النشط #news الحالي (النقر على عنوان URL يحتوي هذا الاسم مرساة) | 3 |
:valid | input:valid | تحديد كافة عناصر الإدخال مع قيمة صالحة | 3 |
:visited | a:visited | يختار كل الروابط زار | 1 |