کار با Selector ها در CSS

کشف کنید که چگونه می توانید به طور موثر از قدرت انتخاب کنندگان برای انتخاب عناصر مورد نظر برای سبک کردن بدون اضافه کردن کلاس ، تغییر HTML یا اینکه بیش از حد خاص با انتخاب کنندگان خود استفاده کنید ، کشف کنید. در این دوره ، مربی جن کرامر نحوه مشخص کردن قطعات خاص (و گروه های قطعات) را در یک سند HTML با استفاده از نحو اعلام کننده قدرتمند انتخاب کننده CSS نشان می دهد. Jen انتخاب کننده های ترکیبی ، انتخاب کننده ویژگی ها ، انتخاب کنندگان شبه کلاس و شبه عنصر و انتخاب جهانی را پوشش می دهد. او همچنین نکاتی را برای تعیین اینکه انتخاب کنندگان ممکن است توسط گزینه های مرورگر شما پشتیبانی نشوند و بهترین شیوه ها را برای مخلوط کردن انتخاب کنندگان در سند شما به اشتراک بگذارد ، ارائه می دهد. و از آنجا که این یک نحو به راحتی آزمایش شده است ، جن در پایان اکثر فیلم ها سؤالاتی را برای تقویت درک شما از هر مفهوم شامل می شود.

عنوان اصلی : CSS: Selectors

سرفصل های دوره :

مقدمه:
قدرت انتخاب کنندگان
1. بررسی CSS اساسی:
اصطلاحات CSS
انتخاب کنندگان ، کلاس ها و شناسه ها را تایپ کنید
لیست های انتخاب کننده
انتخاب کننده ترکیب
2. انتخاب کننده های ترکیبی:
درخت خانواده HTML: والدین ، ​​فرزندان ، اجداد ، فرزندان و خواهر و برادرها
انتخاب کنندگان فرزندان
انتخاب کنندگان والدین و فرزند
انتخاب کنندگان خواهر و برادر مجاور و عمومی
انتخاب کننده خواندن و نوشتن
3. انتخاب کننده ویژگی ها:
انتخاب کننده ویژگی های ساده
انتخاب کننده ارزش دقیق و جزئی
شروع ، پایان دادن و انتخاب کننده ارزش زیرستانه خودسرانه
ترفندهای انتخاب کننده ویژگی جالب
4. کلاسهای شبه برای ساختار اسناد:
درک فقط انتخاب کنندگان ،: فقط کودک ،: فقط از نوع
درک انتخاب کنندگان اول و آخر ،: کودک اول ،: نوع اول ،: آخرین کودک ،: آخرین نوع
درک انتخاب کنندگان نهم-: nth-child ،: nth-of-type ،: nth-last-کودک ،: nth-last-of-type
: ریشه و: خالی
5. شبه کلاس برای پیوندها:
لینک های اساسی :: لینک ،: بازدید شده ،: hover ،: فعال
: هر پیوند برای ترکیب حالت های پیوند
کلاسهای شبه برای ناوبری در صفحه ،: هدف
دسترسی به کلاسهای شبه :: تمرکز ،: تمرکز-within
6. شبه کلاس برای فرم ها:
کنترل فرم :: مورد نیاز و: اختیاری ؛ : فعال و: غیرفعال
کنترل فرم :: فقط خواندنی و: خواندن-نوشتن
حالت کنترل فرم :: نامشخص ،: پیش فرض ،: بررسی شده
زمینه های متن :: autofill ،: محل نگهدارنده مکان
بررسی خطا :: معتبر ،: نامعتبر ،: در محدوده ،: خارج از محدوده
7. کلاسهای شبه اضافی ، عناصر شبه و انتخاب جهانی:
مقایسه () و کجا ()
درک: نه
: دارای ()
ملاقات با عناصر شبه :: قبل ،: بعد از ، :: خط اول ، :: حرف اول
*، انتخاب جهانی
8. انتخاب انتخاب کنندگان:
انتخاب کنندگان CSS و پشتیبانی مرورگر
چرا نمی توانم از کلاسهای CSS منحصراً استفاده کنم؟ انتخاب کنندگان بهترین روشها
تأثیر انتخاب کننده CSS بر عملکرد
نتیجه گیری:
تمرین اضافی CSS