CSS Выбрать только список после 1-го слоя

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