-4

別の問題があります。言語メニューからの 2 番目のリンク (右隅) が非表示になりません: http://dash.com.pl/CTP/index.html 解決方法は?

HTML

        <header id="language">
                <ul>
                 <li>

                 <div class="link"><a href="#">svensk</a><span></span></div>

                 <div id="sve"><a href="#"><div id="ico"></div></a></div>
                    <hr>
                <div class="link"><a href="#">english</a><span></span></div>

                 <div id="uk"><a href="#"></a></div>         
                </li>
            </ul>
            </header>

CSS

#language .link{

display:block;
    font-family: 'OpenSansRegular';
    font-size:14px;
    padding: 0 0 2px 0;
    cursor:pointer;
margin:0 0 0 33px;
}

#language .link a{
    text-decoration:none;
    color:#525252;
    -webkit-transition: color 0.4s ease;
margin:0;

}

#language .link a:hover{
    color:#fb6f5e;
}
4

2 に答える 2

0

html 構造を変更して、li に固有のクラスを追加する必要があると思いますが、代わりにこのコードを使用できます。firebug で動作するソリューション css を確認してください:

#language hr + .link { 
  display: none; 
}
#language ul:hover .link {
  display: block;
}
于 2013-04-08T17:43:14.560 に答える