将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更好。