將CSS添加到：最後一個孩子，但只有它不是：奇數

Question

我有一個動態生成的div的列表，我有這個腳本爲了使交替的背景顏色 - 爲IE的​​緣故。

<style type="text/css"> 
.box { height:30px; width:100px; background-color:#fff; } 
</style> 

<script type="text/javascript"> 
    $(document).ready(function() { 
    $(".box:odd").css("background-color", "#f1f1f1"); 
    }); 
</script> 

我的HTML：

<div class="box"></div> 
<div class="box"></div> 
<div class="box"></div> 
<div class="box"></div> 
... 

我想申請一個特殊的CSS樣式到：最後一個孩子，但前提是：最後一個孩子是不是：奇 - 這意味着只有當它有一個白色背景。

我該怎麼做？

Answer 1

你可以試試這個：

$(document).ready(function() { 
    if($('.box').length-1%2!=0){ 
     $(".box:odd").filter(":last").css({"background":"red"});    
    } 
}); 

這裏是小提琴：只有 http://jsfiddle.net/jYxeA/

Answer 2

$(".box:last").not(':odd').css("background-color", "#f1f1f1"); 

Answer 3

CSS：

.box:last-child:nth-child(even) { /* Special CSS here */ } 

這比使用jQuery更好。