آموزش CSS: انتخاب کنندگان

مقدمه Introduction

• قدرت انتخاب کنندگان The power of selectors

1. بررسی CSS اساسی 1. Review of Basic CSS

• اصطلاحات CSS CSS terminology

• انتخاب های ساده: عناصر ، کلاس ها و شناسه ها Simple selectors: Elements, classes, and IDs

• گروه های انتخاب کننده Groups of selectors

• انتخابگرهای مرکب Compound selectors

2. انتخاب کننده های ترکیبی 2. Combinator Selectors

• درخت خانواده HTML: والدین ، فرزندان ، اجداد ، فرزندان ، خواهر و برادران The HTML family tree: Parents, children, ancestor, descendant, siblings

• انتخاب کننده های فرزندان Descendant selectors

• منتخبان والدین-کودک Parent-child selectors

• انتخاب کننده های خواهر و برادر مجاور و عمومی Adjacent and general sibling selectors

• انتخاب و خواندن و نوشتن Reading and writing selectors

3- انتخاب کنندگان را معرفی کنید 3. Attribute Selectors

• انتخاب کننده ویژگی های ساده Simple attribute selectors

• انتخابگرهای مقدار دقیق و جزئی Exact and partial attribute value selectors

• انتخاب ، مقدار انتهایی و پایان دلخواه انتخاب کننده مقدار صفت بستر Beginning, ending, and arbitrary substring attribute value selectors

• ترفندهای انتخاب ویژگی عالی Cool attribute selector tricks

4. کلاس های شبه کلاس ، شبه عناصر و انتخاب جهانی 4. Pseudo-Classes, Pseudo-Elements, and the Universal Selector

• کلاسهای شبه که قبلاً می شناسید ،: پیوند ،: بازدید شده ،: شناور ،: فعال ،: تمرکز Pseudo-classes you already know, :link, :visited, :hover, :active, :focus

• درک فقط انتخاب کننده ها ، فقط کودک ، فقط نوع Understanding only selectors, :only-child, :only-of-type

• درک انتخاب های اول و آخر ،: فرزند اول ، نوع اول ،: فرزند آخر ، آخرین نوع Understanding first and last selectors, :first-child, :first-of-type, :last-child, :last-of-type

• درک انتخاب های نهم -: nth-child،: nth-type،: nth-last-child،: nth-last-of-type Understanding nth selectors – :nth-child, :nth-of-type, :nth-last-child, :nth-last-of-type

• کلاسهای شبه بیشتر برای فرم ها: : مورد نیاز و: اختیاری؛ : فعال و غیرفعال است Pseudo-classes mostly for forms, :checked; :required and :optional; :enabled and :disabled

• کلاس های شبه برای ناوبری درون صفحه ،: هدف Pseudo-classes for in-page navigation, :target

• درک: نه Understanding :not

• : ریشه و: خالی :root and :empty

• ملاقات با شبه عناصر: قبل ، :: بعد ، :: خط اول ، :: حرف اول Meet the pseudo-elements ::before, ::after, ::first-line, ::first-letter

• * ، انتخاب جهانی *, the universal selector

5- انتخاب انتخاب کننده 5. Choosing Selectors

• انتخابگرهای CSS و پشتیبانی از مرورگر CSS selectors and browser support

• چرا نمی توانم منحصراً از کلاسهای CSS استفاده کنم؟ انتخاب بهترین روش ها Why can't I use CSS classes exclusively? Selectors best practices

• تأثیر انتخاب کنندگان CSS بر عملکرد Impact of CSS selectors on performance

نتیجه Conclusion

• تمرین CSS اضافی Additional CSS practice