html - css语法只获取另一个元素中的一个元素

Question

我需要创建一个仅适用于 holder-left 内部 holder 的类，而不适用于 holder 外部的类。

    <div class="holder">
            <div class="holder-left">
            </div>
            <div class="holder-right">
            </div>
    </div>

    <div class="holder-left">
    </div>

    div.holder {
            margin: 10px 10px 0 10px;
            width: 1002px;
    }

我该怎么做？

Answer 1

用child selector :

div.holder > .holder-left

或者一个descendant selector :

div.holder .holder-left

子选择器将匹配 .holder-left 元素，这些元素是 div.holder 元素的直接子元素。后代选择器将匹配 .holder-left 元素，这些元素是 div.holder 元素的后代(例如，它们可能是孙子)。