الأحد، 9 يوليو 2017

مقدمة عن CSS Selectors

مقدمة عن CSS Selectors 

- في الدرس السابق تم شرح مقدمة فى لغة CSS للمزيد من المعلومات برجاء زيارة الرابط السابق مقدمة عن لغة CSS
- فى هذا الدرس سنستكمل الحديث عن لغة CSS

* CSS Selectors

- هنالك عدد كثير من CSS Selectors التي تمكنك من تحديد عناصر معينة لتطبيق قواعد CSS.

*Universal Selector

تعني تطبيق قواعد CSS على جميع عناصر HTML الموجودة بالصفحة.
* {}

* Type Selector 

تعني تطبيق قواعد CSS على عناصر HTML المشتركة فى نفس الاسم.
h1 , h2 , h3 {}

* Class Selector 

تعني تطبيق قواعد CSS على عناصر HTML التي تملك نفس قيمة Class Attribute .
.note {}
الكود السابق يعني تطبيق قواعد CSS و قيمة  Class Attribute لها هى note .
 p.note {}
الكود السابق يعني تطبيق قواعد CSS على عنصر <p>  و قيمة Class Attribute لها هى note .

* ID Selector

تعني تطبيق قواعد CSS على عناصر HTML التي تملك نفس قيمة ID Attribute .
# name {}
الكود السابق يعني تطبيق قواعد CSS على جميع عناصر HTML و قيمة ID Attribute لها هى name .



0 التعليقات

إرسال تعليق