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