درس 33 ارومیا دیزاین: انتخابگرهای ساختاری CSS
1. ZIP را استخراج کنید و index.html را باز کنید؛ اینترنت و نصب لازم نیست.
2. فهرست اول: مورد اول پررنگ، ردیف های 2 و 4 و 6 آبی، مورد سوم دارای کادر کناری و آخرین مورد بدون خط پایین است.
3. یک li جدید قبل از اولین مورد اضافه کنید و صفحه را دوباره باز کنید؛ انتخاب ها براساس جایگاه جدید محاسبه می شوند.
4. در جدول فقط ردیف های 2 و 4 داخل tbody آبی می شوند؛ عنوان جدول در شمارش tbody نیست.
5. در mixed عنوان h3 فرزند اول است: p:nth-child(2) پاراگراف اول و p:nth-of-type(2) پاراگراف دوم را انتخاب می کند.
6. تمرین: سه li اول exercise را با -n+3 آبی کنید؛ دور چهارمی کادر 3px و فاصله انتهای آخرین مورد را صفر کنید.
7. پاسخ solution.css از ابتدا فعال نیست. بعد از لینک style.css در head این خط را اضافه کنید:
<link rel="stylesheet" href="solution.css">
8. برای مقایسه، قوانین پاسخ شخصی خود را موقتاً کنار بگذارید و صفحه را دوباره بارگذاری کنید.
9. nth-child همه فرزندان عنصری همان والد را می شمارد؛ متن، فاصله و توضیحات HTML شماره نمی گیرند. شمارش از 1 شروع می شود.
10. مخفی کردن یک عنصر با display:none آن را از ساختار و شمارش حذف نمی کند.
11. همه اعداد کدهای HTML و CSS انگلیسی هستند.
