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

Question

我需要创建一个只适用于持有者内部的持有者的类，而不是持有者以外的持有者。

    <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

试试这个：

div.holder .holder-left
{
}

Answer 2

使用child selector：

div.holder > .holder-left

或descendant selector：

div.holder .holder-left

子选择器将匹配.holder-left元素的直接子元素div.holder元素。后代选择器将匹配.holder-left元素的后代（例如，可能是孙子）的div.holder个元素。