Question

我在div中有100个按钮：

let fft_weights: FFTSetup = vDSP_create_fftsetup(17, FFTRadix(kFFTRadix2))

我想在引导程序样式中设置所有按钮的样式。所以，我需要随处改变＆lt;按钮＆gt;到＆lt; button class =＆＃34; btn＆＃34;取代。我想这样做而不是实际添加class =＆＃34; btn＆＃34;每次100次＆lt;按钮＆gt;元件。所以，我需要一些CSS规则，说div中的所有按钮都是class＆＃34; btn＆＃34;。所以，我需要这样的东西：

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

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

谢谢！

Answer 1

HTML

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

CSS

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

小提琴How to rewrite the domain part of Set-Cookie in a nginx reverse proxy?

如果每个按钮都相同，则无需向每个按钮添加class="btn"，只需向父div添加一个类，就像您class="button_group"一样，以便能够识别该特定按钮按钮组。像这样https://jsfiddle.net/049Lj4LL/4/，像这样https://jsfiddle.net/049Lj4LL/6/

Answer 2

假设您有一个类似jquery的库，您可以向所有btn元素添加一个类<button>，如下所示：

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

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

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

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

2 个答案: