Less 访问父元素

Less 访问父元素,less,Less,我有下面的html和更少的 <div class="status"> <div> <div> <p class="status-1">Test</p> </div> </div> </div> .status { div { div { p { co

我有下面的html和更少的

<div class="status">
    <div>
        <div>
            <p class="status-1">Test</p>
        </div>
    </div>
</div>

.status {
    div {
        div {
            p {
                color: red;

                .status-1 {
                    color: blue;
                }
            }
        }
    }
}
但是现在我不知道如何从less中的
p
元素内部访问
.status
元素。我可以打字

.status {
    &.status-1 {
        div {
            div {
                p {
                    color: blue;
                }
            }
        }
    }
}
但是,由于存在多个
.status
类(例如
status-0
status-1
status-2
),这些类会吸引复制粘贴相同的代码位。我是否有办法访问父元素
.status
元素?我希望像这样的事情

.status {
    div {
        div {
            p {
                color: red;

                ->parent(.status.status-1) {
                    color: blue;
                }
            }
        }
    }
}
谢谢大家

参见,例如:

请注意,尽管生成的选择器是
.status-1.status
,但它仍然匹配
class=“status status-1”
class=“status-1 status”
元素

.status {
    div {
        div {
            p {
                color: red;

                ->parent(.status.status-1) {
                    color: blue;
                }
            }
        }
    }
}
.status {
     p {
        color: red;
        .status-1& {
            color: blue;
        }
    }
}