title: :nth-child(2n) of [attribute=value]
body: <p>I have a list with rows, each <code>li</code> has an attribute <code>data-status</code> which the value can be 1-5:</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li data-status="1"&gt;&lt;/li&gt;
      &lt;li data-status="2"&gt;&lt;/li&gt;
      &lt;li data-status="2"&gt;&lt;/li&gt;
      &lt;li data-status="1"&gt;&lt;/li&gt;
      &lt;li data-status="1"&gt;&lt;/li&gt;
      &lt;li data-status="2"&gt;&lt;/li&gt;
      &lt;li data-status="3"&gt;&lt;/li&gt;
      &lt;li data-status="4"&gt;&lt;/li&gt;
      &lt;li data-status="5"&gt;&lt;/li&gt;
      &lt;li data-status="5"&gt;&lt;/li&gt;
      &lt;li data-status="1"&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I want each odd <code>li</code> that the <code>data-status</code> is 1 to be have a different background,
  is it possible to do in CSS?</p>