English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

دليل CSS

قواعد CSS (@RULES)

مجمل CSS

دليل الكاشفات الخاصة بCSS

مصطلح التحديد CSS用于 اختيار نمط الأنماط التي تريدها ل العناصر.

"CSS" يظهر تعريف خصائص إصدار CSS (CSS1،CSS2،أو CSS3).

مصطلح التحديدالمثالالوصفإصدار CSS
.class.introاختيار جميع العناصر مع class="intro"1
#id#firstnameاختيار جميع العناصر مع id="firstname"1
**اختيار جميع العناصر2
elementpاختيار جميع العناصر <p>1
عنصر,عنصرdiv,pاختيار جميع العناصر <div> و <p>1
element elementdiv pاختيار جميع العناصر <p> داخل العنصر <div>1
element>elementdiv>pاختيار جميع العناصر <p> التي تكون الأب هي عنصر <div>2
element+elementdiv+pاختيار كل <p> عنصر يتبعه <div> عنصر2
[attribute][target]اختيار كل عنصر يحتوي على خاصية target2
[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
:linka:linkاختيار كل رابط لم يتم زيارتة1
:visiteda:visitedاختيار كل رابط تم زيارتة1
:activea:activeاختيار الرابط النشط1
:hovera:hoverاختيار الرابط الذي يكون عليه الفأرة1
:focusinput:focusاختيار العنصر المدخل الذي يحتوي على التركيز2
:first-letterp:first-letterاختيار كل حرف أول لـ <p> عنصر1
:first-linep:first-lineاختيار كل سطر أول لـ <p> عنصر1
:first-childp:first-childتحديد النمط الخاص بالعنصر الأول من الأبناء لـ <p> فقط2
:beforep:beforeإدراج محتوى قبل كل <p> عنصر2
:afterp:afterإدراج محتوى بعد كل <p> عنصر2
:lang(language)p:lang(it)اختيار كل <p> الذي يحتوي على بداية خاصية lang = "it"2
element1~element2p~ulاختيار كل ul التالي بعد عنصر p3
:first-of-typep:first-of-typeاختيار كل عنصر p هو العنصر الأول من الأب3
:last-of-typep:last-of-typeاختيار كل عنصر p هو العنصر الأخير من الأب3
:only-of-typep:only-of-typeاختيار كل عنصر p هو عنصر p الوحيد لوالده3
:only-childp: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-childp:last-childاختيار كل عنصر p هو آخر فرع لوالده3
:root:rootاختيار عنصر الجذر في المستند3
:emptyp:emptyاختيار كل عنصر p الذي لا يحتوي على أي فرع (بما في ذلك العقد النصي)3
:target#news:targetاختيار عنصر #news النشط (بما في ذلك URL النقر على العنوان المحدد)3
:enabledinput:enabledاختيار كل عنصر مفعول من عناصر input3
:disabledinput:disabledاختيار كل عنصر معطل من عناصر input3
:checkedinput:checkedاختيار كل عنصر مختار من عناصر input3
:not(selector):not(p)اختيار كل عنصر ليس عنصر p3
::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