1

私はこのコードを持っています:

<ul class="main">
    <li>
        <a href="#">Link 1</a>                
    </li>                    

    <li>
        <a href="#">Link 2</a>
        <ul class="second">            
            <li>Hello</li>
        </ul>                        
    </li>                                
</ul>​

.second
{
    display:none;
}​

そして、最初のレベルの li 内のulにa:hover設定されたリンク ( ) の上にマウスを置いているときに、お願いします。それより、マウスでリンクを離れるときは、なしに戻します。display:blocksecond

CSSまたはjavascriptのみで可能ですか？

4

2 に答える 2

3

もちろん可能です

ul.second { display: none; }
a:hover + ul.second { display: block; }

また、ほとんどの最新のブラウザーでも動作します。

+ただし、セレクターが に属しているかどうかはわかりませCSS2ん。

于 2012-04-07T21:01:45.977 に答える
0

技術的には、a:link、a:visited、a:hover、a:active 疑似クラスを使用するだけです。

私はここで大げさな推測をしていますが、列挙型の「アイコン」を表示する（または非表示にする）リストスタイルの属性を意味していると思います。

于 2012-04-07T21:02:40.437 に答える