Css 如何将类添加到div中的所有元素？

我在一个div中有100个按钮：

<div class="button_group">
  <button> ... </button>
  <button> ... </button>
  <button> ... </button>
  ...
</div>

有可能吗？正确的语法是什么

---

谢谢

假设您有一个类似jquery的库，您可以向所有

元素添加一个类

btn

，如下所示：

$('div.button_group button').addClass('btn');

编辑：如果您使用的是sass或更少版本的引导，我建议您尝试扩展

btn

bootstrap类。与上面提到的javascript解决方案相反，这不会将类

btn

添加到元素中，但它们将继承

btn

类的样式。以下是sass解决方案：

.button_group {
    button {
        @extend .btn;
    }
}

HTML

小提琴呢

---

如果每个按钮都是相同的，则无需为它们添加ad

class=“btn”

，只需向父级

div

添加一个类，就像您有

class=“button\u group”

一样，即可识别特定的按钮组。像这样，像这样

您将使用css来设置所有按钮的样式，但是对于添加一个类，您通常会使用javascriptI，而不会使用jQuery来实现OP想要的功能。他只想针对特定的按钮，这很容易用CSS完成。我认为他的问题应该是：我该如何定位……你在这里做出的假设可以在评论中用op来澄清。OP的问题是如何向所有元素添加类？所以我回答了这个问题。OP正在使用bootstrap，似乎他想重用btn类。我将用另一种可能性来完成答案，即“应用”bootstrap的btn类，但没有js。是的，我知道我在做一个假设。你的回答很好。别担心，伙计，谢谢你的回答。@extend的例子对我不适用，可能是因为我不使用sass或更少版本的引导。jQuery的示例也不起作用，我有一个错误：uncaughttypeerror:无法读取null的属性'addClass'。这可能是因为我在模板中可能没有正确使用jQuery函数调用。我会考虑一些解决办法，非常感谢您的时间！谢谢您的回答，但以下是如何设置按钮样式的示例。引导类“btn”已经有了它的样式，我只想重复使用它。您从未在问题中指定引导，在使用SO进行问题时，最好将所有相关条件都放在问题中。由于您使用的是bootstrap，并且“需要”

btn

插入到如此多的字段中，因此您需要使用类似javascript的东西，而在纯css中无法做到这一点。

.button_group {
    button {
        @extend .btn;
    }
}

<div class="button_group">
  <button> ... </button>
  <button> ... </button>
  <button> ... </button>
</div>

.button_group > button {width: 100px; height: 50px;}