0

私はcssの初心者で、ここで助けが必要です...ネストされたリストビューの例があります...私が欲しいのは、リンクにカーソルを合わせると、内部リストが表示されるはずです...完了です...これはcssですが、問題は、内部リストの要素をクリックすると再び非表示になることです....これを参照して くださいhttp://jsfiddle.net/t7mdf/ポインターは内部リストにあります...

私のCSSスタイルに欠けているもの...私にアドバイスしてください..私のコードは次のとおりです..

<ul class="main-menu">
<li>
    <a>First List</a>
    <ul class="sub-menu">
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
</li>
<li>
    <a>Second List</a>
    <ul class="sub-menu">
        <li>4</li>
        <li>5</li>
        <li>6</li>
    </ul>
</li>
<li>
    <a>Third List</a>
    <ul class="sub-menu">
        <li>7</li>
        <li>8</li>
        <li>9</li>
    </ul>
</li>

CSSは .main-menu{list-style:none;} .sub-menu{display:none;} .main-menu a:hover + .sub-menu{display:block;}

4

2 に答える 2

1

このフィドルをチェック

ul.main-menu{list-style:none;
}
.sub-menu{display:none;}
ul.main-menu li {
    position: relative;
}
ul.main-menu li:hover ul.sub-menu {
    display: block;
}
于 2013-08-16T07:11:42.833 に答える
1

コードの別の CSS チャックを追加します。

.sub-menu:hover{display:block;}
于 2013-08-16T07:10:43.213 に答える