0

小さな問題が 1 つあります。このページにサブメニューを含めました: http://www.shadowopsweaponry.com/default.aspx。

左側には「ガンスミス」カテゴリがあり、そのリンクをクリックすると、そのリンクの下に新しいサブメニューがポップアップ表示されます。

また、他の 2 つのサブメニュー '銃のコーティング' と '火器の訓練' が同じように機能しています。その後、他のメイン リンクをクリックしても、それらは強調表示されたままです。いくつかのサブメニュー リンクをクリックするときに、その前に選択したものではなく、その選択を強調表示したいのですが、どうすればそれを達成できますか?

編集： CSSを追加します。

.arrowsidemenu {
    width: 180px; /*width of menu*/
    background: #212121;
}

.menucontents div.selected a { /*header that's currently selected*/
    color: #f93;
}

.arrowsidemenu .menuheaders a { }

.arrowsidemenu div a { /*header bar links*/
    font-size: 12px;
    display: block;
    padding-left: 10px;
    padding-top: 4px;
    text-decoration: none;
}

.arrowsidemenu div a:link, .arrowsidemenu div a:visited {
    color: #fff;
}

.arrowsidemenu div a:hover { }

.arrowsidemenu div.unselected a { /*header that's currently not selected*/
    color: #fff;
}

.arrowsidemenu div.selected a { /*header that's currently selected*/
    color: #f93;
}

.arrowsidemenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: inherit;
}

.arrowsidemenu ul li {
    line-height: 8px;
    padding-left: 12px;
}

.arrowsidemenu ul li a { /*sub menu links*/
    display: block;
    font-size: 12px;
    text-decoration: none;
    color: #FFF;
    padding: 5px 0;
    padding-left: 10px;
}

.arrowsidemenu ul li a:hover { }

.active-sub-menu {
    color: #f93;
}
4

1 に答える 1

0

「selected」と呼ばれるクラスは、div > a href に配置されています。ul > li> a href に到達するには、代わりにそのクラスが必要です。これは実際には css の問題ではなく、.aspx の問題です。

HTML を修正したら、次の行を変更します。

.arrowsidemenu div.selected a {
  color: #FF9933;
 }

その時点で、おそらく代わりに .selected を使用できます。

これらは、Firefox のアドオンである Firebug を使用すると、より簡単に確認できます。取得した場合は、アイテムを右クリックして、適用されているスタイルを確認できます。

于 2012-08-06T22:09:02.583 に答える