元素和孩子的LESS选择器？

Question

很少有我可以如何将样式应用于选择器和其中的选择器？

我的演示我需要将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作为一个混合，然后再覆盖color财产达到同样的效果：

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

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