將具體的類樣式添加到路徑中

我正在尋找如何在css中添加與特定路徑相匹配的類（例如，我的路徑的名稱是「城市」，我想對其應用一箇中風或其他顏色填充。我嘗試用不同的方式，但沒有結果。這可能嗎？將具體的類樣式添加到路徑中

提前感謝！

2012-11-07 maeva

也許你可以張貼出你已經嘗試了一些什麼碼？ –

您將需要發佈示例標記，以便我們可以爲您提供可工作的CSS以匹配。 –

我不完全相信你問什麼，恣後一些的但我認爲你可以通過在CSS中創建多個類路徑來實現你想要的功能：

#something { 
    width: 200px; 
    font-size: 12px; 
    } 

#something.black { 
    color: #000000 
    } 

#something.white { 
    color: #FFFFFF 
    }

和HTML會是這樣：

<h1 id="something" class="black">This Should Be Black</h1>

等等

來源

2012-11-07 16:30:32

實際上，在從AMD下載腳本獲得id之後，可以將它添加到css中。（對不起，我的英文寫作） – maeva

這是一個基本的解決方案，它不會處理另外的班，只是替換根據你的路徑上。

創建兩個目錄，一個名爲「紅色」，一個名爲「藍色」。在每個頁面中使用以下內容創建頁面。他們將讀取路徑並將該類添加到名爲#content的DIV中。

這裏是Fiddle（注意：有一個硬編碼路徑所以它的工作原理）來演示。

希望這會有所幫助。

<!DOCTYPE HTML> 
<html lang="en-US"> 
<head> 
    <meta charset="UTF-8"> 
    <title></title> 
    <style type="text/css"> 
    .red {background-color:red} 
    .blue {background-color:blue} 
    .green {background-color:green} 
    </style> 
</head> 
<body> 
<div id="content">this is the content</div> 
    <script type="text/javascript"> 
    var locationpath = ""+window.location.pathname+""; 
    var options = ['red','blue','green']; 
    for (var i =0;i<options.length;i++) { 
     if (locationpath.indexOf(options[i])>0) { 
      document.getElementById('content').setAttribute('class',options[i]) ; 
     } 
    } 

    </script> 
</body> 
</html>

來源

2012-11-07 16:38:29

謝謝你的快速回答，那很完美！ – maeva

你是什麼意思的「路徑」？

例如，我的路徑名稱是「城市」，我想適用於其他顏色的筆畫或填充。

如果您嘗試通過「名稱」來關注元素，那麼您可以使用Jquery。

例子：

<input type="text" name="tiluuu"/>

和jQuery

$('input').attr('name','tiluuu').css({'color':'red'});

來源

2012-11-07 16:40:31

對不起，我的解釋。我之所以說「路徑」是因爲我使用了一個SVG文檔，並且在CSS中添加了一個類來更改我的繪圖的顏色。 – maeva

將具體的類樣式添加到路徑中

回答

相關問題