English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
مصطلح التحديد CSS用于 اختيار نمط الأنماط التي تريدها ل العناصر.
"CSS" يظهر تعريف خصائص إصدار CSS (CSS1،CSS2،أو CSS3).
مصطلح التحديد | المثال | الوصف | إصدار CSS |
---|---|---|---|
.class | .intro | اختيار جميع العناصر مع class="intro" | 1 |
#id | #firstname | اختيار جميع العناصر مع id="firstname" | 1 |
* | * | اختيار جميع العناصر | 2 |
element | p | اختيار جميع العناصر <p> | 1 |
عنصر,عنصر | 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 |
[attribute] | [target] | اختيار كل عنصر يحتوي على خاصية target | 2 |
[attribute=value] | [target=-blank] | اختيار كل عنصر يحتوي على خاصية target قيمته "-blank" | 2 |
[attribute~=value] | [title~=flower] | اختيار كل عنصر يحتوي على خاصية title يحتوي على كلمة "flower" | 2 |
[attribute|=language] | [lang|=en] | اختيار كل عنصر يحتوي على خاصية lang تبدأ بـ "en" | 2 |
[attribute^=value] | a[src^="https"] | اختيار كل عنصر يحتوي على قيمة خاصية src تبدأ بـ "https" | 3 |
[attribute$=value] | a[src$=".pdf"] | اختيار كل عنصر يحتوي على قيمة خاصية src تنتهي بـ ".pdf" | 3 |
[attribute*=value] | a[src*="w3codebox"] | اختيار كل عنصر يحتوي على قيمة خاصية src تحتوي على النص "w3codebox" | 3 |
:link | a:link | اختيار كل رابط لم يتم زيارتة | 1 |
:visited | a:visited | اختيار كل رابط تم زيارتة | 1 |
:active | a:active | اختيار الرابط النشط | 1 |
:hover | a:hover | اختيار الرابط الذي يكون عليه الفأرة | 1 |
:focus | input:focus | اختيار العنصر المدخل الذي يحتوي على التركيز | 2 |
:first-letter | p:first-letter | اختيار كل حرف أول لـ <p> عنصر | 1 |
:first-line | p:first-line | اختيار كل سطر أول لـ <p> عنصر | 1 |
:first-child | p:first-child | تحديد النمط الخاص بالعنصر الأول من الأبناء لـ <p> فقط | 2 |
:before | p:before | إدراج محتوى قبل كل <p> عنصر | 2 |
:after | p:after | إدراج محتوى بعد كل <p> عنصر | 2 |
:lang(language) | p:lang(it) | اختيار كل <p> الذي يحتوي على بداية خاصية lang = "it" | 2 |
element1~element2 | p~ul | اختيار كل ul التالي بعد عنصر p | 3 |
:first-of-type | p:first-of-type | اختيار كل عنصر p هو العنصر الأول من الأب | 3 |
:last-of-type | p:last-of-type | اختيار كل عنصر p هو العنصر الأخير من الأب | 3 |
:only-of-type | p:only-of-type | اختيار كل عنصر p هو عنصر p الوحيد لوالده | 3 |
:only-child | p:only-child | اختيار كل عنصر p هو فرع الوالد الوحيد | 3 |
:nth-child(n) | p:nth-child(2) | اختيار كل عنصر p هو ثاني فرع لوالده | 3 |
:nth-last-child(n) | p:nth-last-child(2) | اختيار كل عنصر p هو ثاني فرع لوالده من اليمين | 3 |
:nth-of-type(n) | p:nth-of-type(2) | اختيار كل عنصر p هو ثاني فرع لوالده | 3 |
:nth-last-of-type(n) | p:nth-last-of-type(2) | اختيار كل عنصر p هو ثاني فرع لوالده من اليمين | 3 |
:last-child | p:last-child | اختيار كل عنصر p هو آخر فرع لوالده | 3 |
:root | :root | اختيار عنصر الجذر في المستند | 3 |
:empty | p:empty | اختيار كل عنصر p الذي لا يحتوي على أي فرع (بما في ذلك العقد النصي) | 3 |
:target | #news:target | اختيار عنصر #news النشط (بما في ذلك URL النقر على العنوان المحدد) | 3 |
:enabled | input:enabled | اختيار كل عنصر مفعول من عناصر input | 3 |
:disabled | input:disabled | اختيار كل عنصر معطل من عناصر input | 3 |
:checked | input:checked | اختيار كل عنصر مختار من عناصر input | 3 |
:not(selector) | :not(p) | اختيار كل عنصر ليس عنصر p | 3 |
::selection | ::selection | للمطابقة مع الجزء المحدد من العنصر الذي تم اختياره أو تم عتبته | 3 |
:out-of-range | :out-of-range | للمطابقة مع عناصر input التي تحتوي على قيم خارج نطاق معين | 3 |
:in-range | :in-range | للمطابقة مع عناصر input التي تحتوي على قيم في نطاق معين | 3 |
:read-write | :read-write | للمطابقة مع العناصر القابلة للقراءة والكتابة | 3 |
:read-only | :read-only | للمطابقة مع العناصر التي تم تعيين الخاصية "readonly" (قراءة فقط) | 3 |
:optional | :optional | للمطابقة مع العناصر المختارة | 3 |
:required | :required | للمطابقة مع العناصر التي تم تعيين الخاصية "required" | 3 |
:valid | :valid | للمطابقة مع العناصر التي تحتوي على قيم قانونية | 3 |
:invalid | :invalid | للمطابقة مع العناصر التي تحتوي على قيم غير قانونية | 3 |