1

我想使用 css 选择我的标记中的第二个 div :nth-child但我不能让它工作。

我有一个插件生成的这个标记：

<div class="single-container">
                <div class="toggle-default">
                    <div class="toggle">
                    <div class="toggle_title toggle_active">FIRST</div>
                    <div class="toggle_content" style="display:block;">Lorem ipsum sit dolor amet</div></div>

                    </div>

    <div class="toggle-default">
                    <div class="toggle">
                    <div class="toggle_title toggle_active">SECOND </div>
                    <div class="toggle_content" style="display:block;">Lorem ipsum sit dolor amet</div></div>

                    </div>



    <div class="toggle-default">
                    <div class="toggle">
                    <div class="toggle_title toggle_active">THIRD </div>
                    <div class="toggle_content" style="display:block;">Lorem ipsum sit dolor amet</div></div>

                    </div>


    </div>

我试过这个：.toggle-deafult .toggle:nth-child(2) { background:red; }这个.toggle div:nth-child(2)但它不起作用。

有人可以帮我弄这个吗 ？

谢谢 ！

后期编辑：我已经修改了标记，这是我需要修改的：<div class="toggle_title toggle_active">SECOND </div>

4

3 回答 3

1 
.toggle-default:nth-child(2) .toggle_title{ background:#f00;}

这是您要修改的第二个。

于 2013-03-28T21:59:39.897 回答
0

你需要.toggle-default:nth-of-type(2n) { color: red; }（注意2n）。

于 2013-03-28T21:11:19.787 回答
0 
.toggle-default:nth-child(2) {
    background-color: red;
}
于 2013-03-28T21:12:37.507 回答