僅爲特定網址添加CSS樣式元素

-2

是否有添加CSS樣式的方法，僅在加載特定URL時才起作用。我有一個網址，其末尾有/service/。只爲了這個，我想要一些CSS樣式來處理特定的Div（myDiv）。有沒有辦法？我無法將ID添加到該服務頁面的正文標記。該頁面是生成後臺。僅爲特定網址添加CSS樣式元素

來源

2017-02-21 Eddy

_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>

來源

2017-02-21 12:22:17

謝謝。有沒有辦法做到這一點，但忽略了：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'; 
}

來源

2017-02-21 12:24:24

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

與CSS嘗試僅僅

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

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

來源

2017-02-21 12:46:28

'結尾如果當前頁面的url以特定字符串結尾，如何將CSS樣式添加到元素？ –

好吧，我的壞我誤解了這個問題。問題是頁面的URL。我想到了一個錨標籤 –

僅爲特定網址添加CSS樣式元素

回答

相關問題