Изменить цвет ссылки текущей страницы с помощью CSS

Как подсветить URL текущей страницы в навигации (неважно цветом или жирностью), чтобы не прописывать на каждый адрес отдельное правило?

С помощью jQuery вы можете использовать функцию .each для итерации по ссылкам со следующим кодом:

$(document).ready(function() {<br>   $("[href]").each(function() {<br>      if (this.href == window.location.href) {<br>         $(this).addClass("active");<br>      }<br>   });<br>});

В зависимости от структуры страницы и используемых ссылок вам может потребоваться сузить выбор ссылок, например:

$("nav [href]").each …

Если вы используете параметры URL, может потребоваться их следующее:

if (this.href.split("?")[0] == window.location.href.split("?")[0]) …

Таким образом, вам не нужно редактировать каждую страницу.

Share this post:

Recent Posts