更改特定页面的类属性

Question

大家好我想知道是否有办法更改单个页面的类css属性。我有一个类active，我想更改其中一个css属性只是为了一个specfic页面。有没有办法做到这一点

Answer 1

只需为此编写简单的逻辑。

首先将ID定义为页面名称

实施例。 Page = 'contact_us'

然后该标签的ID将是contact_us

现在只需从网址获取网页名称。

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

显示您的代码以获取更多参考资料

希望这会奏效！

Answer 2

我在小提琴上做了两个例子，以便更好地理解，只需取消注释这些线条。

第一个例子：

//if(window.location.href == "http://example.com/mypage.html"){
$('div.Active').css({
	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");
}