CSS div 第 n 个 child

Question

我无法为子节点的第 n 个子节点添加样式。我能够找到第 n 个子节点，但无法找到子子节点的第 n 个子节点。

我的示例 HTML 结构是:

    <div class="main">
        <div class="test">
            <div class="sub1"/>
             <div class="sub2"/>
        </div>
         <div class="test">
             **<div class="sub2"/>**
        </div>
    </div>

我正在使用下面的一个，但没有用。我正在尝试在第二个 .test 类下进行选择

CSS:

.main:nth-of-type(2) .sub2{
}
.main:nth-child(2) .sub2{
}

Answer 1

我认为这可能是您正在寻找的东西:

.test:nth-child(2) .sub2 {