風格DIV行中的最後一個DIV

我檢查過這個帖子（How to style the first and last li with CSS or jQuery?），但我仍然在尋找合適的IE8（和IE8之前的）解決方案。風格DIV行中的最後一個DIV

我有一排DIV被設置爲有填充權，但爲了讓最後一個正確對齊，最終的DIV需要填充零。我之前使用過.css + .css路由，但在IE8和之前的版本中似乎不起作用。

任何幫助，將不勝感激。

2012-04-25 Andy

欣賞的答案，一個很好的選擇方案。謝謝。 – Andy 2012-04-25 15:05:02

非常歡迎。這就是我們在這裏！ – 2012-04-25 15:11:07

假設有一個包含分區包裹所有的這些，你應該能夠做到這一點：

div.container { 
    background-color: blue; 
} 
div.container .div-row { 
    float: left; 
    padding-right: 5px; 
} 
div.container .div-row:last-child { 
    padding-right: 0px; 
}

來源

2012-04-25 14:08:27

你可以給一個類去上一個div，並讓它在IE中使用該類。

<div class="last"></div> 

<style> 
    .last 
    { 
     padding-right:0; 
    } 
</style>

來源

2012-04-25 14:05:30

這就是我們解決這個問題的方法。我們的第一個和最後一個div實際上有不同的樣式。我們必須手動添加這些類。 – 2012-04-25 14:06:54

如果有多個地方可以做同樣的工作，你也可以使這個工作與JavaScript。 – 2012-04-25 14:07:48

您可以使用類似下面的CSS：

.rowofdivs div:last-child { 
    padding-right: 0; 
}

來源

2012-04-25 14:06:39 callumacrae

您可以通過用戶的CSS僞類:last-of-type

來源

2012-04-25 14:06:44 gabitzish

這是一個CSS3選擇器，見quirks mode的最新可用的列表什麼瀏覽器。

爲什麼不添加class =「last」來代碼中的最後一個div？

最後孩子是不是適用於IE8，少

來源

2012-04-25 14:07:11 Rippo

如果您不能手動添加「最後的「類，如其他答案中所建議的那樣，您將不得不依靠JavaScript來完成此任務。如果您有jQuery的，你可以做這樣的事情：

$('#parentdiv div:last-child').addClass('last');

然後相應地調整你的樣式表：

.last { padding-right: 0 }

來源

2012-04-25 14:38:37 chipcullen

風格DIV行中的最後一個DIV

回答

相關問題