CSS如何仅为具有子ul的父li添加样式?

时间:2013-12-25 15:50:26

标签: css css3

<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。

请告诉我怎么做?

0 个答案:

没有答案