javascript - 更改另一个 DIV 之前的 DIV 宽度

Question

我有这个带有动​​态 DIV 的结构，并且都具有相同的类，因为它们都是自动创建的。

这里的问题是，在其他类的其他 DIV 之前的最后一个，我希望他的样式为 width:100% 而不是 width:50%，因为所有其他样式都由 CSS 设置。

这是一个示例:

<div class="awp_box awp_box_inner"></div>
<div class="awp_box awp_box_inner"></div>
<div class="awp_box awp_box_inner"></div>
<div class="awp_stock_container awp_sct" style="max-width: 400px !important;"></div>

所以我只想更改第三个 DIV，有时它是第一个也是唯一一个，有时是第二个，有时是第四个，等等......

我通常擅长 CSS，但这次我很难找到解决这个问题的方法。

有人可以在这里帮助我指导我走上正确的轨道，以便我可以进行这项工作吗？

Answer 1

如果我在上面的问题中是正确的，那么添加这个 CSS

div.awp_box.awp_box_inner:nth-last-child(1) {
     width: 100%;
}

来源:TutsPlus