Html CSS菜单列表双重嵌套
我想要一个包含mouseover show属性的菜单,我想要使用第二个无序列表来显示第二个隐藏菜单。问题是,我的第一条规则覆盖了第二个菜单属性,并且显示了所有列表项。 这是我的菜单htmlHtml CSS菜单列表双重嵌套,html,css,Html,Css,我想要一个包含mouseover show属性的菜单,我想要使用第二个无序列表来显示第二个隐藏菜单。问题是,我的第一条规则覆盖了第二个菜单属性,并且显示了所有列表项。 这是我的菜单html <ul id="menu"> <li class="current"><a href="./index.html">ANASAYFA</a></li> <li><a href="./blog-1.html">H
<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>
你能告诉我一种方法让它工作吗?你可以使用
menu > li { /* css properties */ }
这将直接影响李的
或者你也可以用这样的东西-
#menu2 ul li { /* write the css again so the override does not happen */ }
请尝试以下代码,而不是使用您的代码
#menu2 ul li { /* write the css again so the override does not happen */ }