CSS 选择器 - 不在直接父项下

Question

我有一个嵌套显示，我正在尝试为第一个嵌套集合之外的所有嵌套集合设置样式

<div class="container">

    <div class="main-collection">
        <div class="collection">

            <!-- lots of code -->
            <div class="collection"></div>

            <!-- lots of code -->
            <div class="collection"></div>

            <!-- lots of code -->
            <div class="collection">

                <!-- lots of code -->
                <div class="collection"></div>

                <!-- lots of code -->
                <div class="collection"></div>

            </div>
        </div>
    </div>

</div>

除了直接在 main-collection

下的那个我都想要

我正在使用 less。

Answer 1

.main-collection > .collection .collection {
    /* your styles here */
} 

Working demo

选择所有 .collection 元素，它们是 .collection 元素的后代，它本身就是 的直接后代 (>) >.main-collection