我能'；t将相同的css样式应用于两个“；世界其他地区的“液体”；

这是我的HTML和CSS代码

HTML

<section id="content">
    <article id="areaRegister">
        <div class="row-fluid">
            <div class="span6">
                <?php include 'formulario.php'; ?>
            </div>
            <div class="span6">
                <div class="contentBarcode">
                    <div class="codigoBarras">
                        <header><h4>Código de barras generado!</h4></header>
                        <canvas id="registerBarcode" width="230" height="100"></canvas>
                    </div>
                </div>
            </div>
        </div>
    </article>
    <article id="areaSearch">
        <div id="toEdit" class="row-fluid">
            <div class="span6">
                <?php include 'formulario.php'; ?>
            </div>
            <div class="span6">
                <div class="contentBarcode">
                    <div class="codigoBarras">
                        <header><h4>Código de barras generado!</h4></header>
                        <canvas id="editBarcode" width="115" height="70"></canvas>
                    </div>
                    <a href="#" class="btn btn-primary">Guardar</a>
                </div>
            </div>
        </div>
    </article>
</section>

例如，在上面的css中：第一个span6第一个“行流体”保留了10%的填充，但是第一个span6第二个“行流体”没有，会发生什么？如果是同一款式

如果我想要第二个跨距，也不起作用6每个“行流体”都留有余量：0；单独放置第一个“行流体”，但第二个不放置

另一个问题是，当我尝试将任何样式应用于#toEdit的第一个span6时：

它应该适用于第一个span6，但观察chrome和firefox开发工具中的代码，我意识到顶级风格适用于：/

固定的

问题是：使用JS将H3前置到第二个“row fluid”，引导不允许在“row fluid”div和“spanN”div之间放置任何元素

问题是：JS将H3前置到第二个“rowfluid”，引导不允许在“rowfluid”div和“spanN”div之间放置任何元素

---

无论如何，感谢@Miljan Puzović对我来说很好，是的，但areaSearch在“显示：无”中，因此这两篇文章是菜单中的选项卡，当我按下areaSearch时，显示本文中的所有内容，arearegister被隐藏。。这会影响css吗？请删除您的问题，或者发布您的解决方案并将其标记为已接受的答案。当然。。三小时后我会接受我的答案。

.row-fluid .span6:nth-child(1) {
    padding-left: 10%;
}

#toEdit div:first-child{
    padding-left: 10%;
 }