0

CSS でスタイル設定されたシンプルなメニューがあります。

<ul>
    <li> <a href="#">1</a> </li>
    <li> <a href="#" class="active">2</a> </li>
    <li> <a href="#">3</a> </li>
    <li> <a href="#">4</a> </li>
</ul>

アクティブなクラスを含むli要素に特定のスタイルを適用することは可能ですか?

私はこのようなことを試しました：

#container > ul > li a.active < li {
    custom: style;
}
4

4 に答える 4

1

CSSではできません。これはスクリプトで実現できますが。

ここで同様の質問。

子要素に応じて要素に CSS スタイルを適用する

于 2013-05-07T06:29:37.313 に答える
1

いいえ、セレクターは逆に一致することはできません。このような状況では、最善のアプローチは問題を単純化することです。

ALI要素はブロック レベルの要素としてスタイルを設定できるため、親のスタイルを要素にプッシュ ダウンするだけですA。あなたはすでに特定の selector を持っていますa.active。これは、適切にスタイルを設定できるほど十分に明確でなければなりません。

于 2013-05-07T06:32:47.533 に答える
0 
#container ul li a.active{ yourstyle:styleproperties;}

または私はあなたがこのようにしたいと思うかもしれません

#container ul li a:active{ yourstyle:styleproperties;}

クラスを要素に動的に追加する場合は、javascript と jquery を使用できます

http://api.jquery.com/addClass/

$("#container ul li a").addClass("active");

親の場合 (このクラスは、.active 要素の親である li 要素に追加されます)

$('#container ul li a.active').parent().addClass("active");

すでに同様のトピックがあり、インナー a のクラスに基づいてアウター div をターゲットにする

于 2013-05-07T06:27:18.807 に答える
0

これを試して：

ul li a.active{ color:green;}

http://jsfiddle.net/Vloxxity/VZgQx/

編集：私はあなたのコメントを読みました。これは、アクティブなクラスでliをマークした場合にのみ可能です。

于 2013-05-07T06:30:26.343 に答える