How to make automatic highlighting of the menu item and the site bar on the site, what would it determine on which page the user selects this menu item the page address in html is specified page/page.html on the page/page (.html) hosting page/page (.html) is removed.

    1 answer 1

     .list { margin: 0; padding: 0; max-width: 150px; } .list__item { padding: 15px 0; color: #000; text-align: center; background: #fff; border: 1px solid #000; } .current { color: #fff; background: #000; } 
     <ul class="list"> <li class="list__item">Пункт 1</li> <li class="list__item">Пункт 2</li> <li class="list__item current">Пункт 3</li> <li class="list__item">Пункт 4</li> <li class="list__item">Пункт 5</li> </ul>