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

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

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

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

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

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

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

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

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

Share this post:

Recent Posts