ظاهر کلی برنامه بدین صورت است:

پروژه اولیه

پروژه اولیه را از این لینک دانلود کنید. ساختار فایل‌های این پروژه به صورت زیر است.

nested-selector
├── index.html
└── styles.css

راه‌اندازی پروژه

• ابتدا پروژه‌ی اولیه را دانلود و از حالت فشرده خارج کنید.
• سپس فایل index.html را در مرورگر خود باز کنید.

جزئیات

در فایل html داده شده دو تگ p در داخل یک div با ایدی container و یک تگ p دیگر بیرون از آن قرار گرقته است.

شما باید با استفاده از انتخاب‌کننده‌های مناسب استایلی بسازید که باعث شود تگ‌های داخل container دارای رنگ indigo و تگ خارج از آن دارای رنگ indianred باشد.

نکات

• شما تنها مجاز به اعمال تغییرات در فایل styles.css هستید.
• فقط فایلی را که مجاز به تغییر هستید باید آپلود نمایید.