2

<li id="leistungen"><a href="#Leistungen" onclick="sitemapChangeSubMenu('leistungen','leistungencontent','leistungen'); return false;">LEISTUNGEN</a> </li>

これは私がスタイリングしたいリストアイテムです：

$("#leistungen a").addClass("brown");

これはどちらでも機能しません：

$("#leistungen").addClass("brown");

私のCSSコードは

.brown {
   color:brown;
}

何が悪いのかわかりません、うまくいけばあなたは私を助けることができます:)

どうもありがとう！

4

5 に答える 5

7

ことわざ

$("#leistungen").addClass("brown");

#leistungen内のすべてのテキストで機能しますが、アンカータグでは機能しません。アンカーには、オーバーライドする必要のあるデフォルトのスタイルがあります。あなたは書面で正しい

$("#leistungen a").addClass("brown");

テストを実行して、Javascriptを次のように変更して実行していることを確認します

$("#leistungen a").hide();

それが消えた場合は、Javascriptが正しい要素で動作していることがわかります。次に、セレクターをより具体的にしてみてください（おそらく他の何かが変更をオーバーライドしています）。

$("li#leistungen a").addClass("brown");

それでも問題が解決しない場合は、JavaScriptが実行されていることを確認してから、要素を調べてください。新しいクラスはありますか？もしそうなら、問題はJavascriptではなくCSSにあります。「.brown」スタイルを囲むCSSファイルをチェックして、構文エラーを探します。以前のスタイルから}が欠落しているとそれができます。

色として「茶色」という言葉の代わりに「＃4C3F12」を使用してみてください。

.brown {
  color: #4C3F12;
}

これらのいずれかが役立つかどうか私に知らせてください！

于 2009-09-18T10:51:33.030 に答える
3

大文字と小文字の区別-アンカーに大文字のLを付けました。

$("#Leistungen").addClass("brown");

最初のケースでも、IDセレクターではなくクラスセレクターを使用する必要があります

$(".leistungen a").addClass("brown");

注-（大文字と小文字の区別の有無にかかわらず）一致するクラスとIDは避けます。

HTML ID属性ドキュメント（私の強調）：

ID属性は、ドキュメント内の要素を一意に識別します。1つのドキュメントで2つの要素が同じID値を持つことはできません。属性の値は、AZまたはazの範囲の文字で始まり、その後に文字（A-Za-z）、数字（0-9）、ハイフン（ "-"）、アンダースコア（ "_"）、コロンを続けることができます。 （"："）、およびピリオド（ "。"）。値では大文字と小文字が区別されます。

于 2009-09-18T10:21:26.007 に答える
0

ファイアバグをインストールしましたか？ファイアバグでは、クラスが追加されているかどうかを確認する必要があります。追加されている場合は、ブラウザのキャッシュを更新します。それ以外の場合は、JavaScriptを確認します。

于 2009-09-18T10:23:01.293 に答える
0

ここでCSSの特異性に問題があるかもしれません。'a'タグの元の色が非常に具体的に指定されている場合、新しい定義が機能しない可能性があります。例えば：

body #leistungen a {
   color: red;
}

.brown {
   color: brown;
}

この場合、最初の定義が最後の定義よりも具体的であるため、赤い色が茶色よりも優先されます。茶色のクラスをより具体的に定義してみてください。

body #leistungen a.brown {
   color: brown;
}
于 2009-09-18T10:59:24.760 に答える
0

どこかに競合するcss定義がある可能性があります。javascriptが実行されていることが確実な場合は、次のことを確認してください。

  1. IDですので、そのIDが他のタグにも割り当てられていないことを確認してください。
  2. タグに適用される他のcss宣言はありますか？

宣言を次のように変更してみてください。

a.brown{ color: brown;}

または.brown{color：brown;}

使用するかどうかによって異なり$("#leistungen a").addClass("brown");ます$("#leistungen").addClass("brown");

于 2009-09-18T10:59:38.007 に答える