Css 尝试使用较少的嵌套样式，但可以'；我不知道如何在一个类名之后和另一个类名之前加逗号

我想要的输出是：

#brandA, .logo{
  padding: 10px;
}

我的less代码会是什么样的结果？我知道&selector，但这在这里似乎不合适

更新：

---

我应该问如果我想在

#brandA

样式中嵌套

.logo

，我想我不能在

#brandA

后面加逗号，就像这样：

#brandA，{.logo{}

，因为这会将逗号添加到所有嵌套样式中。

对于less，或者对于variable，都是一样的

#brandA, .logo{
  padding: @margin;
}

---

这与less或variable完全相同

#brandA, .logo{
  padding: @margin;
}

如果我想将

.logo

嵌套在

#brandA

样式中，我想我不能在

#brandA

后面加逗号，比如：

#brandA，{.logo{}

，因为这会将逗号添加到所有嵌套样式中

这里有两件事需要注意：

• 在

  #brandA

  之后添加

  ，

  实际上将不会在最新版本的Less编译器中的任何嵌套块中添加逗号。编译器只会忽略逗号
• 更重要的是，您不应该将

  .logo

  嵌套到

  #brandA

  中。嵌套不是实现选择器分组（即逗号分隔的选择器）的正确方法。您应该按照问题中的原样编写（或者）使用下面代码段中的

  ：extend

  选项

#brandA{
填充：10px；
&奇尔达先生{
颜色：红色；
}
&.childB{
颜色：钢蓝色；
}
}
.标志{
&：延伸（#布兰达）；
}

---

另一方面，如果

.logo

元素是

#brandA

元素的子元素（或子元素），则可以按照Erick Boileau的最新答案将其嵌套。在这种情况下，嵌套将是一个有效的选择

如果我想将

.logo

嵌套在

#brandA

样式中，我想我不能在

#brandA

后面加逗号，比如：

#brandA，{.logo{}

，因为这会将逗号添加到所有嵌套样式中

这里有两件事需要注意：

• 在

  #brandA

  之后添加

  ，

  实际上将不会在最新版本的Less编译器中的任何嵌套块中添加逗号。编译器只会忽略逗号
• 更重要的是，您不应该将

  .logo

  嵌套到

  #brandA

  中。嵌套不是实现选择器分组（即逗号分隔的选择器）的正确方法。您应该按照问题中的原样编写（或者）使用下面代码段中的

  ：extend

  选项

#brandA{
填充：10px；
&奇尔达先生{
颜色：红色；
}
&.childB{
颜色：钢蓝色；
}
}
.标志{
&：延伸（#布兰达）；
}

---

---

另一方面，如果

.logo

元素是

#brandA

元素的子元素（或子元素），则可以按照Erick Boileau的最新答案将其嵌套。对于这种情况，嵌套将是一个有效的选择。

您可以完全使用您发布的内容。LESS不会阻止你使用逗号组合符。你可以准确地使用你发布的内容。LESS不会阻止您使用逗号组合符。抱歉，我应该问如果我想在#brandA样式中嵌套.logo，我想我不能像这样在#brandA之后加逗号：'#brandA，{.logo{}'因为这会在所有嵌套样式中添加逗号，所以我应该问如果我想在#brandA样式中嵌套.logo，我怎么写它？'我想我不能像这样在#brandA之后添加逗号：'#brandA，{.logo{}'，'因为这会在所有嵌套样式中添加逗号