less里面怎么使用nth-child选中想要的标签设置样式

Question

想选择第二个item将里面的active背景图更换，但是我从csdn学的格式带进去一直没有效果，求个人帮忙看看

 <div class="item">
            <div class="pic">
                <a href="#">
                    <img src="uploads/item_2.png" alt="">
                </a>
                
                <i class="iconfont icon-shoucang1"></i>
                <div class="active">
                    进行中
                </div>
            </div>
            <div class="txt">2</div>
        </div>

        <div class="item">
            <div class="pic">
                <a href="#">
                    <img src="uploads/item_1.png" alt="">
                </a>
                
                <i class="iconfont icon-shoucang1"></i>
                <div class="active">
                    已截止
                </div>
            </div>
            <div class="txt">2</div>
        </div>

下面是less文件夹中的

.main {
    padding-bottom: (50 / @rootSize);

    //banner区域
    .banner {
        height: (160 / @rootSize);

        img {
            width: 100%;
            height: 100%;
        }
    }

    //title区域
    .title {
        padding: 0 (15 / @rootSize);
        height: (41 / @rootSize);
        line-height: (41 / @rootSize);

        h4 {
            color: #3C3C3C;
            font-size: (14 / @rootSize);
        }
    }

    //item区域
    .item {
        margin-bottom: 10px;

        .pic {
            position: relative;
            // 图片区域给高度，方便子绝父相
            height: (160 / @rootSize);

            //爱心字体图标
            i {
                position: absolute;
                top: (15 / @rootSize);
                right: (18 / @rootSize);
                font-size: (24 / @rootSize);
                color: #fff;

                &:hover {
                    color: orange;
                }
            }

            //active显示
            .active {
                position: absolute;
                top: (-4 / @rootSize);
                left: (15 / @rootSize);
                width: (68 / @rootSize);
                height: (29 / @rootSize);
                // 背景图片的尺寸远大于指定的盒子宽度，所以需要给图片指定尺寸
                background: url(./../images/status_active.png) no-repeat;
                background-size: contain;
                font-size: (12 / @rootSize);
                color: #fff;
                text-align: center;
                line-height: (26 / @rootSize);
            }
        }

        .txt {
            //公共内边距的调用
            .public_padding;
            background-color: #fff;
        }
    }

    &item:nth-child(2) .active {
        background: url(../images/status_default.png) no-repeat;
    }


}

Answer 1

&就代表父级

&:nth-child(2) .active