به پایان فصل رسیدیم. تو این فصل با حالتهای تعاملی (hover، focus، focus-visible، active)، حالتهای فرم (checked، disabled، valid، invalid)، Selectorهای ساختاری (first-child، nth-child، empty)، root و target و Selectorهای تابعی مدرن، و در نهایت خانواده کامل Pseudo-elementها آشنا شدیم. حالا وقتشه با ۵ سؤال، میزان تسلطتون رو بسنجیم.
CSS / Pseudo-classes و Pseudo-elements
آزمون پایان فصل: Pseudo-classها و Pseudo-elementها
تمرینها
تمرین 1
چرا استفاده از :focus-visible بهجای :focus ساده، برای دکمهها و لینکها توصیه میشود؟
برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.
تمرین 2
چرا ترکیب input:not(:placeholder-shown):invalid نسبت به استفاده مستقیم از input:invalid ترجیح داده میشود؟
برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.
تمرین 3
در Selector li:nth-child(n+3):nth-child(-n+6)، دقیقاً کدام آیتمها انتخاب میشوند؟
برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.
تمرین 4
چرا برای تعریف متغیرهای سراسری CSS، معمولاً :root بهجای html ترجیح داده میشود؟
برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.
تمرین 5
چرا Property به اسم background-color روی ::marker یا ::selection، پشتیبانی گسترده و قابلاعتمادی ندارد؟
برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.