CSS仅在第一层之后选择列表

Question

鉴于

<ul class="menu">
<li> <!-- layer1 -->
    <a href="/gbcweb/index.php?option=com_content&amp;view=article&amp;id=19&amp;Itemid=27">
        <span>sub menu</span>
    </a>
    <ul>
        <li><!-- layer2 -->
            <a href="/gbcweb/index.php?option=com_content&amp;view=article&amp;id=22&amp;Itemid=34">
                <span>sub menu1</span>
            </a>
            <ul>
                <li><!-- layer3 -->
                    <a href="/gbcweb/index.php?option=com_content&amp;view=article&amp;id=22&amp;Itemid=34">
                        <span>sub menu2</span>
                    </a>
                    <!-- Continue layering -->
                </li>
            </ul>
        </li>
    </ul>
</li><ul>

如何从第2层开始选择所有内容？并将背景图像设置为所有子菜单。

Answer 1

ul li li {
   background-image: url(smotheing.jpg);
}

Answer 2

还有>运算符，它只能选择元素的直接子元素。

例如，如果我有像你这样的多级列表，我可以写下以下内容：

ul li {
    /* normal list styles */
}

ul > li {
    /* style to apply ONLY to first-level <li> tags */
}

ul > li > ul > li {
    /* style to apply ONLY to second-level <li> tags */
}

ul > li li {
    /* style to apply to everything BELOW the first level */
}

Answer 3

尝试.menu ul li{}