CSS识别孩子的div孩子

Question

我有这个HTML代码

<div class='father'>
    <div>
        <div>
             Some text
        </div>
    </div>
</div>

我无法修改html源代码，所以我试图修改包含“some text”的div的属性和样式。

语法“div：nth-​​child”可以帮助我吗？

我曾经识别div的子项，但在这里我必须识别另一个孩子的子项。

Answer 1

使用child combinator, >来实现此目的。 (example here)

.father > div > div {
   ...
}

Answer 2

简单：

.father>div>div

更多人需要了解>组合器！