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

Change DIV width that is before another DIV

本文关键字:DIV 宽度 另一个      更新时间:2023-09-26

我有这个动态 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,但这次我很难找到解决方案。

有人可以在这里帮我一把,指导我走上正确的轨道,这样我就可以把它工作了?

如果我

在上面的问题中是正确的,那么添加这个CSS

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

来源: 图茨加

根据注释,以下脚本可以为您提供所需的内容。

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

它将向.awp_sct的上一个元素添加一个类。

演示