仅为特定网址添加CSS样式元素

问题描述：

是否有添加CSS样式的方法，仅在加载特定URL时才起作用。我有一个网址，其末尾有/service/。只为了这个，我想要一些CSS样式来处理特定的Div（myDiv）。有没有办法？我无法将ID添加到该服务页面的正文标记。该页面是生成后台。仅为特定网址添加CSS样式元素

_The页面是后台generated._又有什么办法？ –

if（this.href.substr（this.href.lastIndexOf（'/'）+ 1）=='service'）{//你的css样式通过js} – rahulsm

答

url.match("/service/$")将匹配如果该URL的endsWith /service/因为$意味着在.match()

更新endWith：要获取URL中使用：window.location.href.match("/service/$")

var url = "www.stackoverflow.com/questions/service/" 
 
if (window.location.href.match("/service/$")) { 
 
    $('#url').css("background-color", "yellow") 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="url"> url </div>

谢谢。有没有办法做到这一点，但忽略了：var url =“www.stackoverflow.com/questions/service/”？所以我不必指定完整的URL路径。 – Eddy

Ofc，给我1秒，并更新代码 –

对不起Carsten，但我在哪里放置：window.location.href.match（“/ service/$”） – Eddy

答

您可以使用如下：

if (window.location.href.indexOf('/service/') !== -1) { 
    document.getElementById("myDiv").className += ' specialclass'; 
}

你的代码检查'href'是否包含'/ service /'，而不是如果以' –

答

与CSS尝试仅仅

[href$='home']{ 
 
    color : red; 
 
}

<a href="something/home">home</a> 
 
<a href="something/home/somethingelse">home</a>

'结尾如果当前页面的url以特定字符串结尾，如何将CSS样式添加到元素？ –

好吧，我的坏我误解了这个问题。问题是页面的URL。我想到了一个锚标签 –

仅为特定网址添加CSS样式元素

相关推荐