1

mouseover 表示プロパティを持つメニューが必要です。その中に 2 番目の順序付けられていないリストを使用して、2 番目の非表示メニューを表示したいと考えています。問題は、最初のルールが 2 番目のメニュー プロパティを上書きし、すべてのリスト項目が表示されることです。これは私のメニューhtmlです。

<ul id="menu">
    <li class="current"><a href="./index.html">ANASAYFA</a></li>
    <li><a href="./blog-1.html">HAKKIMIZDA</a></li>
    <li><a href="./portfolio-3c.html">HİZMETLERİMİZ</a>
        <ul>
            <li><a href="./portfolio-3c.html">Eğitim Hizmetlerimiz</a>
                <ul class="menu2">
                    <li  class="current"><a href="./blog-1.html">Ygs-Lys hazırlık programları</a></li>
                    <li><a href="./blog-2.html">Sbs'ye Hazırlık programı'</a></li>
                    <li><a href="./blog-1.html">Ana sınıg 1'e 1 test programı</a></li>
                    <li><a href="./blog-2.html">Okul destek programı</a></li>
                </ul>
            </li>
            <li><a href="./portfolio-2c.html">Neurofeedback</a></li>
            <li><a href="./portfolio-2c.html">Bioofeedback</a></li>
        </ul>
   </li>
   <li><a href="./gallery.html">GALERİ</a></li><li><a href="#">STYLINGS</a>
   <li><a href="./stylings-texts.html">SANAL TUR</a></li>
   <li><a href="./stylings-table_columns.html">BİZE ULAŞIN</a>
        <ul>
            <li><a href="#">İletişim Formu</a></li>
            <li><a href="#">İletişim Bilgileri</a></li>
        </ul>
    </li>
</ul>

そして、これは元のメニューとメニュー2のネストされたulのcssファイルです

#sidebar #sidebar-content #menu2 {margin: 0px auto;width: 100%;z-index: 30;float: left;}
 #sidebar #sidebar-content #menu2 li {line-height: 32px;text-align: center;width: 100%;background-image: url('../images/menu_li.png');
 background-repeat: no-repeat;background-position: bottom center;clear: left;float: left;color: #999999;}
 #sidebar #sidebar-content #menu2 li a, #sidebar #sidebar-content #menu2 .current ul li a {font-size: 12px;font-weight: normal;display: block;color: #999999;}
 #sidebar #sidebar-content #menu2 li:hover{background-image: url('../images/menu_li_hover.png');}
 #sidebar #sidebar-content #menu2 li a:hover, #sidebar #sidebar-content #menu2  .current a, #sidebar #sidebar-content #menu2 li ul li a:hover{color: #ffffff; }
 #sidebar #sidebar-content #menu2 li ul{display: none;}#sidebar #sidebar-content #menu2 li ul li{background-image: url('../images/menu_subli.png');}
 #sidebar #sidebar-content #menu2 li ul li a{font-size: 11px;}

それを機能させる方法を教えてもらえますか？

4

1 に答える 1

2

を使用して、最初のルールがプロパティをオーバーライドしないようにすることができます

menu > li { /* css properties */ }

ただすぐに影響しますli's

または、次のようなものを使用することもできます-

#menu2 ul li { /* write the css again so the override does not happen */ }
于 2012-07-11T08:19:48.287 に答える