CSS div nth 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 {