：First-Child和：nth-​​child（）无效

Question

JSFiddle Demo

在我的CSS底部，请找到以下内容;

.AdminPanelLayout .Option:nth-child(1) {
    background:#000000;
    margin-left:20px;
}

不需要background:#000000;，它可用于测试purpposes。至于margin-left:20px;是我想要实现的目标。

Answer 1

.AdminPanelLayout .Option:nth-of-type(2) {
    background:#000000;
    margin-left:20px;
}

http://jsfiddle.net/fg3nco9w/1/

Answer 2

好吧，你似乎很想念first-child的概念。它不会寻找符合选择器的第一个孩子。相反，它会查找同时也是其容器中第一个子节点的选择器。

选择您案例中的第一个.Option：

<div class="AdminPanelLayout">
    <div class="Title">
        2). Choose Admin Panel Layout
    </div>
    <div class="Option">

您必须尝试其他方法，例如：

• 为其索引定位，在本例中为2：.AdminPanelLayout .Option:nth-child(2) {
• 将其定位为兄弟（标题后面的第一个）.AdminPanelLayout .Title + .Option {

你必须玩一点