LESS：定位父元素（如果存在）

Question

所以我有一个盒子：

<div class="box">Box</div>

有时候这个盒子可能会被包裹在一个标签中：

<a href="#"><div class="box">Box in an A tag</div></a>

LESS中是否有办法专门定位.box的父母的标签？

e.g。

a {
   color: red;
}

a [that is a parent of .box] {
   color: blue;
}

Answer 1

submit a patch，但LESS拥有所谓的No, you cannot select ancestor elements using LESS or CSS或&。

  

＆amp; operator表示嵌套规则的父选择器，最常用于将修改类或伪类应用于现有选择器

因此，在您的情况下，您可以使用color来定位具有&父级的.box实例，而不是更改父级的a，例如

.box {
  color: red;

  a & {
    color: blue;
  }
}

这转换为：

.box {
  color: red;
}
a .box {
  color: blue;
}