I am attempting to apply shading to every other row in a table.
Here is the code snippet:
dt:nth-child(4n+1) ,dt:nth-child(4n+1) +dd{
background-color:silver;
}
<div class="col-sm-2 tabularData">
<dl class="dl-horizontal">
<dt>Booking</dt>
<dd class="ng-binding"></dd>
<dt>Shipper</dt>
<dd class="ng-binding"></dd>
<dt>Consignee</dt>
<dd class="ng-binding"></dd>
<dt>VVD</dt>
<dd class="ng-binding"></dd>
</dl>
</div>
However, the current output appears as follows: