add css to :last-child but only if it's not :odd
<p>I have a list of dynamically generated divs and I have this script in order to make alternating background colors - for IE's sake.</p>

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

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

<p>My html:</p>

<pre><code>&lt;div class="box"&gt;&lt;/div&gt;
&lt;div class="box"&gt;&lt;/div&gt;
&lt;div class="box"&gt;&lt;/div&gt;
&lt;div class="box"&gt;&lt;/div&gt;
...
</code></pre>

<p>I would like to apply a special css style to the :last-child, but only if the :last-child is not :odd - meaning only if it has a white background.</p>

<p>How do I do that?</p>
