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

Question

I have this structure with dynamic DIVs and all have the same class, since all are created automatically.

The problem here is that, the last of them prior to other DIV with other class, I would like to have his style as width:100% instead of width:50% as all others set by CSS.

Here's a sample:

<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>

So I only want to change that third DIV, which sometimes is the first and only one, other times is the second, other times is the fourth, etc...

I am usually good with CSS but this time I'm having a hard time finding a solution for this one.

Can someone please give me a hand here guiding me in the right track so I could put this working?

Answer 1

If I was correct in my question above then add this CSS

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

Source: TutsPlus

Answer 2

Based on the comments, the following script could give you what you need.

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

It will add a class to the previous element of the .awp_sct.

DEMO