دوره آموزشی سلکتورها در CSS

جزئیات دوره

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

اهداف یادگیری
کلاس ها و شناسه های هدف
کار با انتخابگرهای گروه
ویژگی های عنصر هدف
پیوندهای هدف با انتخابگرهای شبه کلاس
هدف قرار دادن عناصر کودک و عناصر خالی
هدف قرار دادن عناصر والدین، فرزند و خواهر و برادر
بهترین روش ها برای CSS
تاثیر انتخابگرهای CSS بر عملکرد

سرفصل ها

0. مقدمه

01 - قدرت انتخابگرها

1. بررسی پایه CSS

02 - اصطلاحات CSS
03 - انتخابگرها، کلاس ها و شناسه ها را تایپ کنید
04 - لیست های انتخابگر
05 - انتخابگرهای مرکب

2. انتخابگرهای ترکیبی

06 - شجره نامه HTML - والدین، فرزندان، اجداد، فرزندان و خواهر و برادر
07 - منتخبان نوادگان
08 - انتخابگرهای والدین-فرزند
09 - منتخب خواهر و برادر مجاور و عام
10 - انتخابگرهای خواندن و نوشتن

3. انتخابگرهای صفت

11 - انتخابگرهای صفت ساده
12 - انتخابگرهای مقدار مشخصه دقیق و جزئی
13 - انتخابگرهای مقدار مشخصه ابتدایی، پایانی و دلخواه زیر رشته
14 - ترفندهای جالب انتخاب ویژگی

4. شبه کلاس برای ساختارهای اسناد

15 - درک فقط انتخابگرها، - تنها فرزند، - فقط از نوع
16 - درک اولین و آخرین انتخابگر، - اولین فرزند، - اولین نوع، - آخرین فرزند، - آخرین نوع
17 - درک nth انتخابگر - nth-child, - nth-of-type, - nth-last-child, - nth-last-of-type
18 - - ریشه و - خالی

5. شبه کلاس برای پیوندها

19 - حالت های اصلی پیوند - - پیوند، - بازدید شده، - شناور، - فعال
20 - هر پیوند برای ترکیب حالت های پیوند
21 - کلاس های شبه برای پیمایش درون صفحه، - هدف
22 - شبه کلاس های دسترسی - - تمرکز، - تمرکز- درون

6. شبه کلاس برای فرم ها

23 - کنترل های فرم - - مورد نیاز و - اختیاری - فعال و - غیر فعال
24 - کنترل های فرم - - فقط خواندنی و - خواندنی-نوشتنی
25 - حالت های کنترل فرم - - نامشخص، - پیش فرض، - بررسی شده است
26 - فیلدهای نوشتاری - - تکمیل خودکار، - مکان‌نما نشان داده شده است
27 - بررسی خطا - - معتبر، - نامعتبر، - در محدوده، - خارج از محدوده

7. شبه کلاس های اضافی، شبه عناصر و انتخابگر جهانی

28 - مقایسه is() و where()
29 - فهمیدن - نه
30 - دارای ()
31 - عناصر شبه - - قبل، - - بعد، - - خط اول، - - حرف اول را ببینید.
32 - انتخابگر جهانی

8. انتخاب انتخابگرها

33 - انتخابگرهای CSS و پشتیبانی مرورگر
34 - چرا نمی توانم از کلاس های CSS به طور انحصاری از بهترین شیوه های انتخابگر استفاده کنم
35 - تاثیر انتخابگرهای CSS بر عملکرد

نتیجه

36 - تمرین CSS اضافی