Question

我有动态DIV这个结构，所有都有相同的类，因为所有都是自动创建的。

这里的问题是，在其他DIV与其他类之前的最后一个，我希望他的样式为宽度：100％而不是宽度：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

Answer 2

根据评论，以下脚本可以为您提供所需的信息。

$(document).ready(function(){    
    $('.awp_sct').prev().addClass('full');
});

它会在.awp_sct的前一个元素中添加一个类。

<强> DEMO

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

2 个答案: