title: How to select odd child of dl element with css?
body: <p>I try to set background to dd and dt elements that exist into dl element.I use this selector but don't work.Please advice.</p>
  
  <p>CSS:</p>
  
  <pre><code>     dl.dl-horizontal dt:odd {
     background: rgba(45, 177, 227, 0.34);
  }
  </code></pre>
  
  <p>Html:</p>
  
  <pre><code>&lt;dl class="dl-horizontal"&gt;
      &lt;dt&gt;
          @Html.DisplayNameFor(model =&gt; model.HistoricalName)
      &lt;/dt&gt;
  
      &lt;dd&gt;
          @Html.DisplayFor(model =&gt; model.HistoricalName)
      &lt;/dd&gt;
  
      &lt;dt&gt;
          @Html.DisplayNameFor(model =&gt; model.Address)
      &lt;/dt&gt;
  
      &lt;dd&gt;
          @Html.DisplayFor(model =&gt; model.Address)
      &lt;/dd&gt;
  
      &lt;dt&gt;
          @Html.DisplayNameFor(model =&gt; model.Title)
      &lt;/dt&gt;
  
      &lt;dd&gt;
          @Html.DisplayFor(model =&gt; model.Title)
      &lt;/dd&gt;
  
      &lt;dt&gt;
          @Html.DisplayNameFor(model =&gt; model.InsertDate)
      &lt;/dt&gt;
  
             &lt;dt&gt;
          @Html.DisplayNameFor(model =&gt; model.LocationX)
      &lt;/dt&gt;
  
             &lt;dd&gt;
          @Html.DisplayFor(model =&gt; model.VisitorEn)
    &lt;/dd&gt;
  &lt;/dl&gt;
  </code></pre>