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

Question

我在div里有100个按钮：

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

我想在引导样式中样式化所有按钮。所以，我需要到处换衣服

.button_group button {
  ... add class="btn" to all elements ...
} 

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

谢谢你！！

Answer 1

假设你有一个类似jQuery的库，你会添加一个类btn到所有的

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

编辑：如果您使用的是sass或更少版本的引导，我建议您尝试扩展btnbootstrap类。与上面提到的javascript解决方案相反，这不会将类btn添加到元素中，但它们将继承btn类的样式。以下是sass解决方案：

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

Answer 2

超文本标记语言

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

CSS

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

小提琴https://jsfiddle.net/049Lj4LL/4/

如果每个按钮都是相同的，则无需为它们添加adclass=“btn”，只需向父级div添加一个类，就像您有class=“button\u group”一样，即可识别特定的按钮组。这样地https://jsfiddle.net/049Lj4LL/6/像这样https://jsfiddle.net/049Lj4LL/7/