<ul>
<li class="sub"><a href="/katalog1/">catalog</a>
<ul>
<li class="dir"><a href="">subcatalog</a>
<ul>
<li><a href="">sublink</a></li>
<li><a href="">sublink</a></li>
<li><a href="">sublink</a></li>
</ul>
</li>
<li class="dir"><a href="">subcatalog</a></li>
<li class="dir"><a href="">subcatalog</a></li>
</ul>
</li>
<li class="sub"><a href="">catalog</a></li>
<li class="sub"><a href="">catalog</a></li>
<li class="sub"><a href="">catalog</a></li>
<li class="sub"><a href="">catalog</a></li>
</ul>
<style>
ul > li.sub:hover > ul{display:block;}
ul > li.sub:hover{
background: #fff url(../../images/arrow1.png) no-repeat 91% center;
border-bottom: 2px solid #e30613;
padding-right: 25px;
}
</style>
请告诉我如何制作那个css
ul > li.sub:hover{
background: #fff url(../../images/arrow1.png) no-repeat 91% center;
border-bottom: 2px solid #e30613;
padding-right: 25px;
}
使用父li
的<{1}}?
在我的示例中,我需要只有ul
可以使用它css。
请告诉我怎么做?