با استفاده از کمبینیتورهای CSS (فرزند مستقیم >، فرزند فاصله‌دار و خواهر مجاور +) قوانین استایل بنویسید که: تنها liهای مستقیم داخل ul درون یک عنصر با کلاس .menu رنگ متن قرمز شوند، تمام aهای داخل هر .menu خاکستری شوند و هر span که مستقیماً بعد از یک h3 قرار گرفته متن آبی داشته باشد.

استفاده از ترکیبات >، فضای خالی و + برای منوها کارا و دقیق است. قاعدۀ .menu > ul > li رنگ قرمز را فقط به liهای مستقیم داخل ulهای درون .menu می‌دهد و منوهای تو در تو ممکن است در این شرط خارج بمانند. قاعدۀ .menu a رنگ خاکستری کل لینک‌های داخل منو را تعیین می‌کند و چون رنگ‌ها از وراثت تاثیر می‌پذیرند، باید مطمئن شوید که استایل‌های a به طور صریح هم override می‌شوند. قاعدۀ h3 + span برای رنگ آبیِ اسپن‌های مجاورِ مستقیم h3 اجرا می‌شود و ساختار HTML باید دقیقاً به این شکل باشد. برای اطمینان از صحت انتخابگرها، با DevTools تست کنید و در صورت نیاز به افزایش specificity یا اضافه کردن کلاس‌ها، تنظیمات را به صورت زنده اصلاح کنید.