元素和孩子的LESS选择器？

Question

使用LESS如何将样式应用于选择器和其中的选择器？

我的演示我需要将opacity和z-index应用于类a，并在其后直接标记。

.a {
  color: red;
  opacity: 0.9;
  z-index: 2;
  & + label {
    color: blue;
    opacity: 0.9;
    z-index: 2;
  }
}

Answer 1

这里有完整的答案，帮助其他人同样怀疑。为了达到预期的效果，原始代码可能变为：

解决方案1：

.a 
{
  &,
  & + label
  {
    color: red;
    opacity: 0.9;
    z-index: 2;
  }

  & + label
  {
    color: blue;
  }
}

首先，您使用,分隔符为两个选择器定义公共属性，然后您只覆盖color一个& + label属性。

解决方案2：

如果您愿意，可以使用第一个类.a作为mixin，然后再次覆盖color属性来获得相同的结果：

.a
{
  color: red;
  opacity: 0.9;
  z-index: 2;
}

a + label
{
  .a;
  color: blue;
}