Изменить свойство класса для specfic Page

Question

Привет, ребята, я хочу знать, есть ли способ изменить свойство класса css для одной страницы. У меня есть класс active, и я хочу изменить одно из его свойств css только для определенной страницы. Есть ли способ сделать это

Answer 1

Просто напишите простую логику для этого.

1-й Определить ID как имя страницы

Ex. Page = 'contact_us'

затем идентификатор для этого тега будет contact_us

теперь просто получить имя страницы из URL.

$("#"+page_name).addclass('active'); 

Покажите мне код для получения дополнительной справки

Надеется, что это будет работать!

Answer 2

Я сделал два примера на Fiddle для лучшего понимания, просто раскомментируйте эти строки.

Первый пример:

//if(window.location.href == "http://example.com/mypage.html"){ 
 
$('div.Active').css({ 
 
\t color: 'blue' 
 
}); 
 
//}

.Active { 
 
    color: red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="Active"> 
 
some text some text some text some text some text. 
 
</div>

Второй пример:

//if(window.location.href == "http://example.com/mypage.html"){ 
 
$('div.Active').toggleClass('NotActive') 
 
//}

.Active { 
 
    color: red; 
 
} 
 

 
.NotActive { 
 
    color: blue; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="Active"> 
 
some text some text some text some text some text. 
 
</div>

Answer 3

Используйте это так:

if(window.location.href == "http://example.com/mypage.html"){  
    $('div.active').css("background-color", "yellow"); 
}