با استفاده از CSS و pseudo-classes، یک منوی افقی بسازید که آیتم اول با :first-child پس‌زمینه متفاوت داشته باشد، لینک‌ها هنگام :hover رنگ متنشان تغییر کند و لینک‌های بازدیدشده با :visited رنگ متفاوت نشان داده شوند.

برای منوی افقی با ساختار ul > li > a، از نمایش flex روی ul استفاده کنید تا آیتم‌ها به‌طور مساوی فاصله بگیرند و آیتم اول با :first-child پس‌زمینه متفاوت شود. برای حالت‌های hover و visited از پیروی از الگوی LVHA استفاده کنید؛ یعنی ترتیب پایه (:link)، سپس :visited، بعد :hover و در نهایت :active را در استایل‌ها رعایت کنید تا رفتار پیش‌بینی‌شده حفظ شود. به خاطر محدودیت‌های مربوط به :visited، تنها برخی خصوصیات مانند color قابل تغییرند و از استفاده نابجا از !important پرهیز کنید تا قوانین CSS به‌درستی cascade شوند. برای بررسی و اشکال‌زدایی، از ابزارهای توسعه‌دهنده مرورگر استفاده کنید و تغییرات را در مرورگرهای مختلف تست کنید.