0

特定のパスに一致するクラスを css に追加する方法を探しています (たとえば、パスの名前は「都市」であり、別の色のストロークまたは塗りつぶしを適用したいと考えています。さまざまな方法がありますが、結果はありません。

前もって感謝します!

4

3 に答える 3

1

これは基本的なソリューションであり、クラスの追加は処理せず、パスに基づいた置換のみを処理します。

2つのディレクトリを作成します。1つは「red」、もう1つは「blue」です。それぞれに以下を含むページを作成します。パスを読み取り、クラスを#contentというDIVに追加します。

これがデモンストレーション用のフィドルです(注:ハードコードされたパスを使用しているため、機能します)。

お役に立てれば。

<!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-07T16:38:29.813 に答える
0

「パス」とはどういう意味ですか?

たとえば、私のパスの名前は「cities」で、他の色のストロークまたは塗りつぶしを適用したいと思います。

「名前」で要素に焦点を合わせようとする場合は、Jqueryを使用する必要があります。

例:

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

そしてJquery

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

于 2012-11-07T16:40:31.987 に答える
0

あなたが何を求めているのか正確にはわかりません。コードの一部を投稿してください。しかし、次のように 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-07T16:30:32.783 に答える