Apply style to particular HTML List (UL) using CSS

Question

Actually i am using one ul tag for menu in ecommerce website and other one for side navigation bar but if i m doing styling in side navbar ul tag it is also applied to menu ul and i m not able to use 2 multiple ul tag in my ecommerce websiteHow to use two ul tag amp after that how to style them invidually

dharmendr · Accepted Answer

Hi Amit1992Give unique class name to your UL element and apply css property to itExample lthtml xmlns34httpwwww3org1999xhtml34gtltheadgt    lttitlegtlttitlegt    ltstyle type34textcss34gt        SideNavigation li                    color Red            fontsize xlarge             More css properties                Menu li                    color Green            fontsize xxlarge             More css properties            ltstylegtltheadgtltbodygt    ltul class34SideNavigation34gt        ltligtHomeltligt        ltligtReportltligt        ltligtDashbordltligt    ltulgt    ltul class34Menu34gt        ltligtHomeltligt        ltligtAbout Usltligt        ltligtContact Usltligt    ltulgtltbodygtlthtmlgtDemo

Apply style to particular HTML List (UL) using CSS

Company

Explore

Follow us

Contact Us