CSS相邻选择器嵌套

Question

引导按钮块使用相邻的选择器来划分按钮。

.btn-block + .btn-block {
    margin-top: 5px;
}

我有一棵圆顶树，我的引导程序btn-blocks将嵌套在垫片中。如何使用Bootstrap使用的邻接规则为元素创建边距？

   <div class="col-md-4">
<span id=" "><input type="hidden" name=" " id=" ">
    <input type="submit" name=" " value=" " onclick=" " id=" " class="btn btn-primary btn-block"></span>
<span id=" "><input type="hidden" name=" " id=" ">
    <input type="submit" name=" " value=" " onclick=" " id=" " class="btn btn-primary btn-block">
</span>
<input type="submit" class=" btn-block btn btn-primary">
<input type="submit" id="ctl00_ctl00_cpContent_cpDetails_efvOrder_tslUsers_btnClear" class=" btn-block btn btn-primary">
</div>

Answer 1

如果我正确理解，您将在另一个元素内有一个引导按钮。因此，您可以做的是给每个容器元素一个类似btn-container

的类

然后，您可以使用子选择器.btn-container > .btn-block {为其提供所需的样式。