الاثير شو الاثير شو

آخر الأخبار

جاري التحميل ...

css selectors محدادت انتقاء العناصر

محددات انتقاء العناصر css  

شرح css selectors

مرحباً بكم متابعي مدونة الاثير اليوم اقدم لك مجموعة من مُحدّدات انتقاء العناصر css تُمكّننا من دقة تحديد العنصر أو العناصر التي سنطبق عليها الأنماط . تجدون في الجدول في الاسفل  مُجمل هذه المحددات ، شرح css selectors .


محددات انتقاء العناصر

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

عن الكاتب

alathir shw مدون موقع الاثير شو للمواضيع التقنية وتطبيقات الهواتف الذكية حيث اهتم بالثقافة حول العالم وفق رؤية هادفة تهم الزائر العربي واعمل علي تطوير المحتوي العربي ونشر كل ما هو جديد وحصري في عالم التقنية.

التعليقات


اتصل بنا

إذا أعجبك محتوى مدونتنا نتمنى البقاء على تواصل دائم ، فقط قم بإدخال بريدك الإلكتروني للإشتراك في بريد المدونة السريع ليصلك جديد المدونة أولاً بأول ، كما يمكنك إرسال رساله بالضغط على الزر المجاور ...

جميع الحقوق محفوظة

الاثير شو