Задать вопрос
Winsik
@Winsik
сис.админ, недопрограммист :)

Как менюшка подсвечивает нужную кнопку подраздела сайта?

Есть вот такой кусок кода:
<nav class="page-navigation">
        <ul>
          <li><a href="/">Главная</a></li>
          <li><a href="/about.html">О нас</a></li>
          <li><a href="/service.html">Услуги</a></li>
          <li><a href="/contacts.html">Контакты</a></li>
        </ul>
      </nav>


На разных страницах сайта код один и тот же , но кнопки подсвечиваются (и не кликаются) разные
... всю голову уже сломал

РЕШЕНО:
js-скриптом выясняют ссылку на текущую страницу и сравнивают с ссылкой на кнопке, если совпало то она подсвечивается. Элегантненько однако )))
  • Вопрос задан
  • 223 просмотра
Подписаться 2 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Академия Эдюсон
    Frontend-разработчик: тариф PRO
    10 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по тестированию + ИИ
    6 месяцев
    Далее
Решения вопроса 1
sabramovskikh
@sabramovskikh
class="active" добавляется ссылке
li a.active {
    color: #268fd0;
    cursor: pointer;
    pointer-events: none;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы