<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>
Tell me please how make that css
ul > li.sub:hover{
background: #fff url(../../images/arrow1.png) no-repeat 91% center;
border-bottom: 2px solid #e30613;
padding-right: 25px;
}
use li
which have parent ul
?
In my example I need that only <li class="sub"><a href="/katalog1/">catalog</a>
can use it css.
Tell me please how make it?