簡體   English   中英

更改另一個DIV之前的DIV寬度

[英]Change DIV width that is before another DIV

我具有這種具有動態DIV的結構,並且都具有相同的類,因為它們都是自動創建的。

這里的問題是,在其他類之前,它們中的最后一個要比其他DIV更好,我希望他的樣式為width:100%,而不是CSS設置的所有其他樣式,為width:50%。

這是一個示例:

<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%;
}

資料來源: TutsPlus

根據評論,以下腳本可以為您提供所需的內容。

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

它將向.awp_sct的上一個元素添加一個類。

演示

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM