CSS Select only List after 1st layer

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{}