Css Less和条件父选择器

我有一个较少的结构，就像这个：

.main1,
.main2,
.main3,
.main4{
    & .test1{
       background-color: #f00;
    }

    & .test2{
       background-color: #ff0;
    }
}

是否有方法根据当前父元素修改背景颜色？例如，对于

.main1

我希望#f00作为背景，而对于

.main2

则希望#ff0

---

非常感谢

可以在子选择器中指定父选择器（请参见），例如：

.test{
.main1&{背景色：红色}
.main2&{背景色：蓝色}
}

尽管与简单的直接代码相比，它（即使不太冗长）通常可读性差得多，并且更容易受到阻碍：

.main1.测试{背景色：红色}
.main2.测试{背景色：蓝色}

看一看