0

私は次のCSSを使用しています：

.main-navigation {
    clear: both;
    display: block;
    float: left;
    width: 100%;
}
.main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}
.main-navigation li {
    float: left;
    position: relative;
}
.main-navigation a {
    display: block;
    text-decoration: none;
}
.main-navigation ul ul {
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    display: none;
    float: left;
    position: absolute;
    top: 1.5em;
    left: 0;
    z-index: 99999;
}
.main-navigation ul ul ul {
    left: 100%;
    top: 0;
}
.main-navigation ul ul a {
    width: 200px;
}
.main-navigation ul ul li {
}
.main-navigation li:hover > a {
}
.main-navigation ul ul :hover > a {
}
.main-navigation ul ul a:hover {
}
.main-navigation ul li:hover > ul {
    display: block;
}
.main-navigation li.current_page_item a,
.main-navigation li.current-menu-item a {
}

/* Small menu */
.menu-toggle {
    cursor: pointer;
}
.main-small-navigation .menu {
    display: none;
}

リストベースのマルチレベル ナビゲーション システムを制御するには、HTML は次のようになります: https://gist.github.com/2851105。

私が知りたいのは、メニューを表示するホバーイベントをクリックイベントに変更するにはどうすればよいですか? これは CSS だけで行うこともできますか、それとも javascript を導入する必要がありますか?

ありがとうございました。

4

4 に答える 4

4

「クリック」イベントに関する限り、css で期待できる最善の方法は、a:active属性を使用して何かをスタイルすることです。これは、特定のリンクがクリックされたときに呼び出されますが、探していることを行う機能はありません。問題の要素に視覚的なスタイルを適用することしかできません。

CSS は純粋にスタイリング言語です。それ以上のものを実現するには JavaScript が必要です。

于 2012-06-01T10:51:15.900 に答える
1

これはCSSだけでは実行できません。恐れ入ります。ここではJavaScriptを使用する必要があります。

于 2012-06-01T10:49:14.710 に答える
1

クリック イベントを制御するには、JavaScript または jQuery を使用する必要があります。CSSを使用して行うことはできません。

jQuery.click()

于 2012-06-01T10:51:39.880 に答える
0

次の質問に対する回答をニーズに合わせて調整できるはずです。

CSS：テーブル内の選択した行の色を設定します

于 2012-06-01T10:52:58.717 に答える