jquery - 仅为一组匹配项中的第一个 div 添加属性

Question

我有这段 HTML 代码，我无法更改或编辑它，但我需要更改它的外观:

<form method="POST" id="go123pago">
    <div align="center" style="width:220px">
        <div style="float:left;padding:10px;width:190px">
            ....
        </div>
    </div>
</form>

我需要将 padding: 30px 0 0 0 设置为 #go123pago 第一个 div，在本例中为 220px，我如何才能实现这个？

Answer 1

在纯 CSS 中你可以使用 nth-of-type选择器，在您的情况下，它看起来像这样:

HTML

<form method="POST" id="go123pago">
    <div align="center" style="width:220px">
        <div style="float:left;padding:10px;width:190px">
            ....
        </div>
    </div>
</form>

CSS

#go123pago:nth-of-type(1) {
    padding: 30px 0 0 0
}

希望这对您有所帮助!